diff --git a/src/components/ResumePdf.tsx b/src/components/ResumePdf.tsx index 010c354..09da1d2 100644 --- a/src/components/ResumePdf.tsx +++ b/src/components/ResumePdf.tsx @@ -74,9 +74,6 @@ const s = StyleSheet.create({ skillList: { flex: 1, fontSize: 8.5, color: colors.secondary }, // Company companyOuterFirst: { marginTop: 6 }, - companyOuter: { marginTop: 18 }, - companyIntro: {}, - companyIntroDivided: { paddingTop: 16, borderTopWidth: 1, borderTopColor: colors.border }, companyHeader: { flexDirection: "row", justifyContent: "space-between", alignItems: "baseline", marginBottom: 3 }, companyName: { fontSize: 13, fontWeight: 700, letterSpacing: -0.2 }, companyPeriod: { fontSize: 8.5, color: colors.muted }, @@ -124,14 +121,31 @@ function BoldText({ style, children }: { style: Styles[string]; children: string ) } +function TaskGroup({ task }: { task: (typeof PROJECTS)[number]["tasks"][number] }) { + return ( + + + · + {task.content} + + {task.details?.map((detail, j) => ( + + + {detail} + + ))} + + ) +} + function CompanySection({ company, isFirst }: { company: Company; isFirst: boolean }) { const companyProjects = company.projects .map((ps) => PROJECTS.find((p) => p.slug === ps.slug)) .filter(Boolean) return ( - - + + {company.name} {company.period} @@ -141,23 +155,13 @@ function CompanySection({ company, isFirst }: { company: Company; isFirst: boole {companyProjects.map((project) => ( - + {project!.name} {project!.tech.join(" · ")} + {project!.tasks[0] && } - {project!.tasks.map((task, i) => ( - - - · - {task.content} - - {task.details?.map((detail, j) => ( - - - {detail} - - ))} - + {project!.tasks.slice(1).map((task, i) => ( + ))} {project!.achievements && project!.achievements.length > 0 && (