ai-space/magic-resume
3
0
Fork 0
mirror of https://github.com/JOYCEQL/magic-resume.git synced 2026-06-01 23:38:48 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat：subtitle & date font change

Browse Source
This commit is contained in:
JOYCEQL
2026-02-02 00:59:29 +08:00
parent 60c904df04
commit d6f0c4ba93
4 changed files with 79 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/preview/CustomSection.tsx
+20 -3
View File
@@ -69,18 +69,35 @@ const CustomSection = ({
</div>
{centerSubtitle && (
<motion.div layout="position" className="text-subtitleFont">
<motion.div
layout="position"
className="text-subtitleFont"
style={{
fontSize: `${globalSettings?.subheaderSize || 16}px`,
}}
>
{item.subtitle}
</motion.div>
)}
<span className="text-subtitleFont shrink-0">
<span
className="text-subtitleFont shrink-0"
style={{
fontSize: `${globalSettings?.subheaderSize || 16}px`,
}}
>
{item.dateRange}
</span>
</motion.div>
{!centerSubtitle && item.subtitle && (
<motion.div layout="position" className="text-subtitleFont mt-1">
<motion.div
layout="position"
className="text-subtitleFont mt-1"
style={{
fontSize: `${globalSettings?.subheaderSize || 16}px`,
}}
>
{item.subtitle}
</motion.div>
)}
src/components/preview/EducationSection.tsx
+17 -2
View File
@@ -67,7 +67,13 @@ const EducationSection = ({
</div>
{globalSettings?.centerSubtitle && (
<motion.div layout="position" className="text-subtitleFont">
<motion.div
layout="position"
className="text-subtitleFont"
style={{
fontSize: `${globalSettings?.subheaderSize || 16}px`,
}}
>
{[edu.major, edu.degree].filter(Boolean).join(" · ")}
{edu.gpa && ` · GPA ${edu.gpa}`}
</motion.div>
@@ -76,6 +82,9 @@ const EducationSection = ({
<span
className="text-subtitleFont shrink-0"
suppressHydrationWarning
style={{
fontSize: `${globalSettings?.subheaderSize || 16}px`,
}}
>
{`${new Date(edu.startDate).toLocaleDateString(
locale
@@ -84,7 +93,13 @@ const EducationSection = ({
</motion.div>
{!globalSettings?.centerSubtitle && (
<motion.div layout="position" className="text-subtitleFont mt-1">
<motion.div
layout="position"
className="text-subtitleFont mt-1"
style={{
fontSize: `${globalSettings?.subheaderSize || 16}px`,
}}
>
{[edu.major, edu.degree].filter(Boolean).join(" · ")}
{edu.gpa && ` · GPA ${edu.gpa}`}
</motion.div>
src/components/preview/ExperienceSection.tsx
+20 -3
View File
@@ -39,14 +39,31 @@ const ExperienceItem = React.forwardRef<HTMLDivElement, ExperienceItemProps>(
{experience.company}
</div>
{centerSubtitle && (
<motion.div className="text-subtitleFont">
<motion.div
className="text-subtitleFont"
style={{
fontSize: `${globalSettings?.subheaderSize || 16}px`,
}}
>
{experience.position}
</motion.div>
)}
<div className="text-subtitleFont">{experience.date}</div>
<div
className="text-subtitleFont"
style={{
fontSize: `${globalSettings?.subheaderSize || 16}px`,
}}
>
{experience.date}
</div>
</motion.div>
{experience.position && !centerSubtitle && (
<motion.div className="text-subtitleFont">
<motion.div
className="text-subtitleFont"
style={{
fontSize: `${globalSettings?.subheaderSize || 16}px`,
}}
>
{experience.position}
</motion.div>
)}
src/components/preview/ProjectSection.tsx
+22 -3
View File
@@ -66,14 +66,33 @@ const ProjectItem = React.forwardRef<HTMLDivElement, ProjectItemProps>(
{!project.link && !centerSubtitle && <div></div>}
{centerSubtitle && (
<motion.div layout="position" className=" text-subtitleFont">
<motion.div
layout="position"
className=" text-subtitleFont"
style={{
fontSize: `${globalSettings?.subheaderSize || 16}px`,
}}
>
{project.role}
</motion.div>
)}
<div className="text-subtitleFont">{project.date}</div>
<div
className="text-subtitleFont"
style={{
fontSize: `${globalSettings?.subheaderSize || 16}px`,
}}
>
{project.date}
</div>
</motion.div>
{project.role && !centerSubtitle && (
<motion.div layout="position" className=" text-subtitleFont">
<motion.div
layout="position"
className=" text-subtitleFont"
style={{
fontSize: `${globalSettings?.subheaderSize || 16}px`,
}}
>
{project.role}
</motion.div>
)}