📦 v5.0.7 - Changelog: https://docs.rxresu.me/changelog (#2696)

src/components/resume/shared/items/cover-letter-item.tsx

@@ -12,17 +12,13 @@ export function CoverLetterItem({ className, ...item }: CoverLetterItemProps) {
 
 	return (
 		<div className={cn("cover-letter-item", className)}>
-			{stripHtml(item.recipient) && (
-				<div className="cover-letter-item-recipient mb-4">
-					<TiptapContent content={item.recipient} />
-				</div>
-			)}
+			<div className={cn("cover-letter-item-recipient mb-4", !stripHtml(item.recipient) && "hidden")}>
+				<TiptapContent content={item.recipient} />
+			</div>
 
-			{stripHtml(item.content) && (
-				<div className="cover-letter-item-content">
-					<TiptapContent content={item.content} />
-				</div>
-			)}
+			<div className={cn("cover-letter-item-content", !stripHtml(item.content) && "hidden")}>
+				<TiptapContent content={item.content} />
+			</div>
 		</div>
 	);
 }

src/components/resume/shared/items/skills-item.tsx

@@ -17,15 +17,11 @@ export function SkillsItem({ className, ...item }: SkillsItemProps) {
 			</div>
 
 			{/* Proficiency */}
-			{item.proficiency && (
-				<span className="section-item-metadata skills-item-proficiency inline-block">{item.proficiency}</span>
-			)}
+			{item.proficiency && <div className="section-item-metadata skills-item-proficiency">{item.proficiency}</div>}
 
 			{/* Keywords */}
 			{item.keywords.length > 0 && (
-				<span className="section-item-keywords skills-item-keywords inline-block opacity-80">
-					{item.keywords.join(", ")}
-				</span>
+				<div className="section-item-keywords skills-item-keywords opacity-80">{item.keywords.join(", ")}</div>
 			)}
 
 			{/* Level */}

src/components/resume/templates/lapras.tsx

@@ -65,7 +65,7 @@ function Header() {
 	return (
 		<div
 			className={cn(
-				"page-header flex items-center gap-x-(--page-gap-x)",
+				"page-header flex items-center gap-x-(--page-margin-x)",
 				"rounded-(--picture-border-radius) border border-(--page-text-color)/10 bg-(--page-background-color) p-4",
 			)}
 		>

src/components/resume/templates/onyx.tsx

@@ -43,7 +43,7 @@ function Header() {
 	const basics = useResumeStore((state) => state.resume.data.basics);
 
 	return (
-		<div className="page-header flex items-center gap-x-(--page-gap-x) border-(--page-primary-color) border-b pb-(--page-margin-y)">
+		<div className="page-header flex items-center gap-x-(--page-margin-x) border-(--page-primary-color) border-b pb-(--page-margin-y)">
 			<PagePicture />
 
 			<div className="page-basics space-y-(--page-gap-y)">