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

style：job title line

Browse Source
This commit is contained in:
JOYCEQL
2026-03-04 22:35:51 +08:00
parent dbddd4f0e6
commit 2fde976a04
7 changed files with 33 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/templates/classic/sections/BaseInfo.tsx
+5 -5
View File
@@ -58,9 +58,9 @@ const BaseInfo = ({ basic = {} as BasicInfo, globalSettings, template }: BaseInf
); );
const layoutStyles = { const layoutStyles = {
left: { container: "flex items-center justify-between gap-6", leftContent: "flex items-center gap-6", fields: "grid grid-cols-2 gap-x-8 gap-y-2 justify-start", nameTitle: "text-left" }, left: { container: "flex items-center justify-between gap-6", leftContent: "flex items-center gap-6 flex-1 min-w-0", fields: "grid grid-cols-2 gap-x-8 gap-y-2 justify-start shrink-0", nameTitle: "text-left min-w-0" },
right: { container: "flex items-center justify-between gap-6 flex-row-reverse", leftContent: "flex justify-end items-center gap-6", fields: "grid grid-cols-2 gap-x-8 gap-y-2 justify-start", nameTitle: "text-right" }, right: { container: "flex items-center justify-between gap-6 flex-row-reverse", leftContent: "flex justify-end items-center gap-6 flex-1 min-w-0", fields: "grid grid-cols-2 gap-x-8 gap-y-2 justify-start shrink-0", nameTitle: "text-right min-w-0" },
center: { container: "flex flex-col items-center gap-3", leftContent: "flex flex-col items-center gap-4", fields: "w-full flex justify-start items-center flex-wrap gap-3", nameTitle: "text-center" }, center: { container: "flex flex-col items-center gap-3", leftContent: "flex flex-col items-center gap-4", fields: "w-full flex justify-start items-center flex-wrap gap-3", nameTitle: "text-center min-w-0" },
}; };
const styles = layoutStyles[layout as keyof typeof layoutStyles] || layoutStyles.left; const styles = layoutStyles[layout as keyof typeof layoutStyles] || layoutStyles.left;
@@ -72,10 +72,10 @@ const BaseInfo = ({ basic = {} as BasicInfo, globalSettings, template }: BaseInf
{PhotoComponent} {PhotoComponent}
<div className={cn("flex flex-col", styles.nameTitle)}> <div className={cn("flex flex-col", styles.nameTitle)}>
{nameField.visible !== false && basic[nameField.key] && ( {nameField.visible !== false && basic[nameField.key] && (
<motion.h1 layout="position" className="font-bold" style={{ fontSize: "30px" }}>{basic[nameField.key] as string}</motion.h1> <motion.h1 layout="position" className="font-bold whitespace-pre-wrap break-words" style={{ fontSize: "30px" }}>{basic[nameField.key] as string}</motion.h1>
)} )}
{titleField.visible !== false && basic[titleField.key] && ( {titleField.visible !== false && basic[titleField.key] && (
<motion.h2 layout="position" style={{ fontSize: "18px" }}>{basic[titleField.key] as string}</motion.h2> <motion.h2 layout="position" className="whitespace-pre-wrap break-words" style={{ fontSize: "18px" }}>{basic[titleField.key] as string}</motion.h2>
)} )}
</div> </div>
</div> </div>
src/components/templates/creative/sections/BaseInfo.tsx
+5 -5
View File
@@ -60,9 +60,9 @@ const BaseInfo = ({ basic = {} as BasicInfo, globalSettings, template }: BaseInf
); );
const layoutStyles = { const layoutStyles = {
left: { container: "flex items-center justify-between gap-6", leftContent: "flex items-center gap-6", fields: "grid grid-cols-2 gap-x-8 gap-y-2 justify-start", nameTitle: "text-left" }, left: { container: "flex items-center justify-between gap-6", leftContent: "flex items-center gap-6 flex-1 min-w-0", fields: "grid grid-cols-2 gap-x-8 gap-y-2 justify-start shrink-0", nameTitle: "text-left min-w-0" },
right: { container: "flex items-center justify-between gap-6 flex-row-reverse", leftContent: "flex justify-end items-center gap-6", fields: "grid grid-cols-2 gap-x-8 gap-y-2 justify-start", nameTitle: "text-right" }, right: { container: "flex items-center justify-between gap-6 flex-row-reverse", leftContent: "flex justify-end items-center gap-6 flex-1 min-w-0", fields: "grid grid-cols-2 gap-x-8 gap-y-2 justify-start shrink-0", nameTitle: "text-right min-w-0" },
center: { container: "flex flex-col items-center gap-3", leftContent: "flex flex-col items-center gap-4", fields: "w-full flex justify-start items-center flex-wrap gap-3", nameTitle: "text-center" }, center: { container: "flex flex-col items-center gap-3", leftContent: "flex flex-col items-center gap-4", fields: "w-full flex justify-start items-center flex-wrap gap-3", nameTitle: "text-center min-w-0" },
}; };
const styles = layoutStyles[layout as keyof typeof layoutStyles] || layoutStyles.left; const styles = layoutStyles[layout as keyof typeof layoutStyles] || layoutStyles.left;
@@ -74,10 +74,10 @@ const BaseInfo = ({ basic = {} as BasicInfo, globalSettings, template }: BaseInf
{PhotoComponent} {PhotoComponent}
<div className={cn("flex flex-col", styles.nameTitle)} style={{ color: "#fff" }}> <div className={cn("flex flex-col", styles.nameTitle)} style={{ color: "#fff" }}>
{nameField.visible !== false && basic[nameField.key] && ( {nameField.visible !== false && basic[nameField.key] && (
<motion.h1 layout="position" className="font-bold" style={{ fontSize: "30px", color: "#fff" }}>{basic[nameField.key] as string}</motion.h1> <motion.h1 layout="position" className="font-bold whitespace-pre-wrap break-words" style={{ fontSize: "30px", color: "#fff" }}>{basic[nameField.key] as string}</motion.h1>
)} )}
{titleField.visible !== false && basic[titleField.key] && ( {titleField.visible !== false && basic[titleField.key] && (
<motion.h2 layout="position" style={{ fontSize: "18px", color: "#fff" }}>{basic[titleField.key] as string}</motion.h2> <motion.h2 layout="position" className="whitespace-pre-wrap break-words" style={{ fontSize: "18px", color: "#fff" }}>{basic[titleField.key] as string}</motion.h2>
)} )}
</div> </div>
</div> </div>
src/components/templates/elegant/sections/BaseInfo.tsx
+5 -5
View File
@@ -58,9 +58,9 @@ const BaseInfo = ({ basic = {} as BasicInfo, globalSettings, template }: BaseInf
); );
const layoutStyles = { const layoutStyles = {
left: { container: "flex items-center justify-between gap-6", leftContent: "flex items-center gap-6", fields: "grid grid-cols-2 gap-x-8 gap-y-2 justify-start", nameTitle: "text-left" }, left: { container: "flex items-center justify-between gap-6", leftContent: "flex items-center gap-6 flex-1 min-w-0", fields: "grid grid-cols-2 gap-x-8 gap-y-2 justify-start shrink-0", nameTitle: "text-left min-w-0" },
right: { container: "flex items-center justify-between gap-6 flex-row-reverse", leftContent: "flex justify-end items-center gap-6", fields: "grid grid-cols-2 gap-x-8 gap-y-2 justify-start", nameTitle: "text-right" }, right: { container: "flex items-center justify-between gap-6 flex-row-reverse", leftContent: "flex justify-end items-center gap-6 flex-1 min-w-0", fields: "grid grid-cols-2 gap-x-8 gap-y-2 justify-start shrink-0", nameTitle: "text-right min-w-0" },
center: { container: "flex flex-col items-center gap-3", leftContent: "flex flex-col items-center gap-4", fields: "w-full flex justify-start items-center flex-wrap gap-3", nameTitle: "text-center" }, center: { container: "flex flex-col items-center gap-3", leftContent: "flex flex-col items-center gap-4", fields: "w-full flex justify-start items-center flex-wrap gap-3", nameTitle: "text-center min-w-0" },
}; };
const styles = layoutStyles[layout as keyof typeof layoutStyles] || layoutStyles.left; const styles = layoutStyles[layout as keyof typeof layoutStyles] || layoutStyles.left;
@@ -72,10 +72,10 @@ const BaseInfo = ({ basic = {} as BasicInfo, globalSettings, template }: BaseInf
{PhotoComponent} {PhotoComponent}
<div className={cn("flex flex-col", styles.nameTitle)}> <div className={cn("flex flex-col", styles.nameTitle)}>
{nameField.visible !== false && basic[nameField.key] && ( {nameField.visible !== false && basic[nameField.key] && (
<motion.h1 layout="position" className="font-bold" style={{ fontSize: "30px" }}>{basic[nameField.key] as string}</motion.h1> <motion.h1 layout="position" className="font-bold whitespace-pre-wrap break-words" style={{ fontSize: "30px" }}>{basic[nameField.key] as string}</motion.h1>
)} )}
{titleField.visible !== false && basic[titleField.key] && ( {titleField.visible !== false && basic[titleField.key] && (
<motion.h2 layout="position" style={{ fontSize: "18px" }}>{basic[titleField.key] as string}</motion.h2> <motion.h2 layout="position" className="whitespace-pre-wrap break-words" style={{ fontSize: "18px" }}>{basic[titleField.key] as string}</motion.h2>
)} )}
</div> </div>
</div> </div>
src/components/templates/left-right/sections/BaseInfo.tsx
+5 -5
View File
@@ -58,9 +58,9 @@ const BaseInfo = ({ basic = {} as BasicInfo, globalSettings, template }: BaseInf
); );
const layoutStyles = { const layoutStyles = {
left: { container: "flex items-center justify-between gap-6", leftContent: "flex items-center gap-6", fields: "grid grid-cols-2 gap-x-8 gap-y-2 justify-start", nameTitle: "text-left" }, left: { container: "flex items-center justify-between gap-6", leftContent: "flex items-center gap-6 flex-1 min-w-0", fields: "grid grid-cols-2 gap-x-8 gap-y-2 justify-start shrink-0", nameTitle: "text-left min-w-0" },
right: { container: "flex items-center justify-between gap-6 flex-row-reverse", leftContent: "flex justify-end items-center gap-6", fields: "grid grid-cols-2 gap-x-8 gap-y-2 justify-start", nameTitle: "text-right" }, right: { container: "flex items-center justify-between gap-6 flex-row-reverse", leftContent: "flex justify-end items-center gap-6 flex-1 min-w-0", fields: "grid grid-cols-2 gap-x-8 gap-y-2 justify-start shrink-0", nameTitle: "text-right min-w-0" },
center: { container: "flex flex-col items-center gap-3", leftContent: "flex flex-col items-center gap-4", fields: "w-full flex justify-start items-center flex-wrap gap-3", nameTitle: "text-center" }, center: { container: "flex flex-col items-center gap-3", leftContent: "flex flex-col items-center gap-4", fields: "w-full flex justify-start items-center flex-wrap gap-3", nameTitle: "text-center min-w-0" },
}; };
const styles = layoutStyles[layout as keyof typeof layoutStyles] || layoutStyles.left; const styles = layoutStyles[layout as keyof typeof layoutStyles] || layoutStyles.left;
@@ -72,10 +72,10 @@ const BaseInfo = ({ basic = {} as BasicInfo, globalSettings, template }: BaseInf
{PhotoComponent} {PhotoComponent}
<div className={cn("flex flex-col", styles.nameTitle)}> <div className={cn("flex flex-col", styles.nameTitle)}>
{nameField.visible !== false && basic[nameField.key] && ( {nameField.visible !== false && basic[nameField.key] && (
<motion.h1 layout="position" className="font-bold" style={{ fontSize: "30px" }}>{basic[nameField.key] as string}</motion.h1> <motion.h1 layout="position" className="font-bold whitespace-pre-wrap break-words" style={{ fontSize: "30px" }}>{basic[nameField.key] as string}</motion.h1>
)} )}
{titleField.visible !== false && basic[titleField.key] && ( {titleField.visible !== false && basic[titleField.key] && (
<motion.h2 layout="position" style={{ fontSize: "18px" }}>{basic[titleField.key] as string}</motion.h2> <motion.h2 layout="position" className="whitespace-pre-wrap break-words" style={{ fontSize: "18px" }}>{basic[titleField.key] as string}</motion.h2>
)} )}
</div> </div>
</div> </div>
src/components/templates/minimalist/sections/BaseInfo.tsx
+5 -5
View File
@@ -58,9 +58,9 @@ const BaseInfo = ({ basic = {} as BasicInfo, globalSettings, template }: BaseInf
); );
const layoutStyles = { const layoutStyles = {
left: { container: "flex items-center justify-between gap-6", leftContent: "flex items-center gap-6", fields: "grid grid-cols-2 gap-x-8 gap-y-2 justify-start", nameTitle: "text-left" }, left: { container: "flex items-center justify-between gap-6", leftContent: "flex items-center gap-6 flex-1 min-w-0", fields: "grid grid-cols-2 gap-x-8 gap-y-2 justify-start shrink-0", nameTitle: "text-left min-w-0" },
right: { container: "flex items-center justify-between gap-6 flex-row-reverse", leftContent: "flex justify-end items-center gap-6", fields: "grid grid-cols-2 gap-x-8 gap-y-2 justify-start", nameTitle: "text-right" }, right: { container: "flex items-center justify-between gap-6 flex-row-reverse", leftContent: "flex justify-end items-center gap-6 flex-1 min-w-0", fields: "grid grid-cols-2 gap-x-8 gap-y-2 justify-start shrink-0", nameTitle: "text-right min-w-0" },
center: { container: "flex flex-col items-center gap-3", leftContent: "flex flex-col items-center gap-4", fields: "w-full flex justify-start items-center flex-wrap gap-3", nameTitle: "text-center" }, center: { container: "flex flex-col items-center gap-3", leftContent: "flex flex-col items-center gap-4", fields: "w-full flex justify-start items-center flex-wrap gap-3", nameTitle: "text-center min-w-0" },
}; };
const styles = layoutStyles[layout as keyof typeof layoutStyles] || layoutStyles.left; const styles = layoutStyles[layout as keyof typeof layoutStyles] || layoutStyles.left;
@@ -72,10 +72,10 @@ const BaseInfo = ({ basic = {} as BasicInfo, globalSettings, template }: BaseInf
{PhotoComponent} {PhotoComponent}
<div className={cn("flex flex-col", styles.nameTitle)}> <div className={cn("flex flex-col", styles.nameTitle)}>
{nameField.visible !== false && basic[nameField.key] && ( {nameField.visible !== false && basic[nameField.key] && (
<motion.h1 layout="position" className="font-bold" style={{ fontSize: "30px" }}>{basic[nameField.key] as string}</motion.h1> <motion.h1 layout="position" className="font-bold whitespace-pre-wrap break-words" style={{ fontSize: "30px" }}>{basic[nameField.key] as string}</motion.h1>
)} )}
{titleField.visible !== false && basic[titleField.key] && ( {titleField.visible !== false && basic[titleField.key] && (
<motion.h2 layout="position" style={{ fontSize: "18px" }}>{basic[titleField.key] as string}</motion.h2> <motion.h2 layout="position" className="whitespace-pre-wrap break-words" style={{ fontSize: "18px" }}>{basic[titleField.key] as string}</motion.h2>
)} )}
</div> </div>
</div> </div>
src/components/templates/modern/sections/BaseInfo.tsx
+3 -3
View File
@@ -63,12 +63,12 @@ const BaseInfo = ({ basic = {} as BasicInfo, globalSettings, template }: BaseInf
<div className="flex flex-col items-center gap-3"> <div className="flex flex-col items-center gap-3">
<div className="flex flex-col items-center gap-4"> <div className="flex flex-col items-center gap-4">
{PhotoComponent} {PhotoComponent}
<div className="flex flex-col text-center" style={{ color: "#fff" }}> <div className="flex flex-col text-center min-w-0" style={{ color: "#fff" }}>
{nameField.visible !== false && basic[nameField.key] && ( {nameField.visible !== false && basic[nameField.key] && (
<motion.h1 layout="position" className="font-bold" style={{ fontSize: "30px", color: "#fff" }}>{basic[nameField.key] as string}</motion.h1> <motion.h1 layout="position" className="font-bold whitespace-pre-wrap break-words" style={{ fontSize: "30px", color: "#fff" }}>{basic[nameField.key] as string}</motion.h1>
)} )}
{titleField.visible !== false && basic[titleField.key] && ( {titleField.visible !== false && basic[titleField.key] && (
<motion.h2 layout="position" style={{ fontSize: "18px", color: "#fff" }}>{basic[titleField.key] as string}</motion.h2> <motion.h2 layout="position" className="whitespace-pre-wrap break-words" style={{ fontSize: "18px", color: "#fff" }}>{basic[titleField.key] as string}</motion.h2>
)} )}
</div> </div>
</div> </div>
src/components/templates/timeline/sections/BaseInfo.tsx
+5 -5
View File
@@ -58,9 +58,9 @@ const BaseInfo = ({ basic = {} as BasicInfo, globalSettings, template }: BaseInf
); );
const layoutStyles = { const layoutStyles = {
left: { container: "flex items-center justify-between gap-6", leftContent: "flex items-center gap-6", fields: "grid grid-cols-2 gap-x-8 gap-y-2 justify-start", nameTitle: "text-left" }, left: { container: "flex items-center justify-between gap-6", leftContent: "flex items-center gap-6 flex-1 min-w-0", fields: "grid grid-cols-2 gap-x-8 gap-y-2 justify-start shrink-0", nameTitle: "text-left min-w-0" },
right: { container: "flex items-center justify-between gap-6 flex-row-reverse", leftContent: "flex justify-end items-center gap-6", fields: "grid grid-cols-2 gap-x-8 gap-y-2 justify-start", nameTitle: "text-right" }, right: { container: "flex items-center justify-between gap-6 flex-row-reverse", leftContent: "flex justify-end items-center gap-6 flex-1 min-w-0", fields: "grid grid-cols-2 gap-x-8 gap-y-2 justify-start shrink-0", nameTitle: "text-right min-w-0" },
center: { container: "flex flex-col items-center gap-3", leftContent: "flex flex-col items-center gap-4", fields: "w-full flex justify-start items-center flex-wrap gap-3", nameTitle: "text-center" }, center: { container: "flex flex-col items-center gap-3", leftContent: "flex flex-col items-center gap-4", fields: "w-full flex justify-start items-center flex-wrap gap-3", nameTitle: "text-center min-w-0" },
}; };
const styles = layoutStyles[layout as keyof typeof layoutStyles] || layoutStyles.left; const styles = layoutStyles[layout as keyof typeof layoutStyles] || layoutStyles.left;
@@ -72,10 +72,10 @@ const BaseInfo = ({ basic = {} as BasicInfo, globalSettings, template }: BaseInf
{PhotoComponent} {PhotoComponent}
<div className={cn("flex flex-col", styles.nameTitle)}> <div className={cn("flex flex-col", styles.nameTitle)}>
{nameField.visible !== false && basic[nameField.key] && ( {nameField.visible !== false && basic[nameField.key] && (
<motion.h1 layout="position" className="font-bold" style={{ fontSize: "30px" }}>{basic[nameField.key] as string}</motion.h1> <motion.h1 layout="position" className="font-bold whitespace-pre-wrap break-words" style={{ fontSize: "30px" }}>{basic[nameField.key] as string}</motion.h1>
)} )}
{titleField.visible !== false && basic[titleField.key] && ( {titleField.visible !== false && basic[titleField.key] && (
<motion.h2 layout="position" style={{ fontSize: "18px" }}>{basic[titleField.key] as string}</motion.h2> <motion.h2 layout="position" className="whitespace-pre-wrap break-words" style={{ fontSize: "18px" }}>{basic[titleField.key] as string}</motion.h2>
)} )}
</div> </div>
</div> </div>