feat(resume): update resume styling and versioning

- Adjusted border styles for resume headers to improve aesthetics.
- Added versioning functionality to display the current app version dynamically.
- Introduced a new version configuration file for better version management.
This commit is contained in:
srbhr
2025-12-31 21:07:43 +05:30
parent 8f0ab94f1d
commit f7b2c9a3df
7 changed files with 18 additions and 8 deletions

View File

@@ -8,7 +8,8 @@
"Bash(npm run lint:*)",
"Bash(npm run build:*)",
"Bash(cd:*)",
"Bash(npx tsc:*)"
"Bash(npx tsc:*)",
"Bash(export PATH=\"/usr/local/bin:/opt/homebrew/bin:$PATH\")"
]
}
}

View File

@@ -320,7 +320,7 @@
font-family: var(--header-font);
font-weight: 700;
text-transform: uppercase;
border-bottom: 2px solid #000000;
border-bottom: 1px solid #9ca3af;
margin-bottom: var(--item-gap);
padding-bottom: 0.125rem;
letter-spacing: 0.05em;
@@ -332,7 +332,7 @@
font-family: var(--header-font);
font-weight: 700;
text-transform: uppercase;
border-bottom: 1px solid #000000;
border-bottom: 1px solid #9ca3af;
margin-bottom: var(--item-gap);
padding-bottom: 0.125rem;
letter-spacing: 0.05em;
@@ -427,7 +427,7 @@
.resume-body .resume-section-title,
.resume-body .resume-section-title-sm {
border-bottom-color: #000000 !important;
border-bottom-color: #9ca3af !important;
break-after: avoid !important;
page-break-after: avoid !important;
}

View File

@@ -14,6 +14,7 @@ import {
type LLMHealthCheck,
} from '@/lib/api/config';
import { API_URL } from '@/lib/api/client';
import { getVersionString } from '@/lib/config/version';
import { ToggleSwitch } from '@/components/ui/toggle-switch';
import { useStatusCache } from '@/lib/context/status-cache';
import { Button } from '@/components/ui/button';
@@ -691,7 +692,7 @@ export default function SettingsPage() {
<div className="bg-[#E5E5E0] p-4 border-t border-black flex justify-between items-center">
<div className="flex items-center gap-2">
<img src="/logo.svg" alt="Resume Matcher" className="w-5 h-5" />
<span className="font-mono text-xs text-gray-500">RESUME MATCHER v1.0 (Aerodynamic)</span>
<span className="font-mono text-xs text-gray-500">{getVersionString().toUpperCase()}</span>
</div>
<div className="flex items-center gap-2">
{statusLoading ? (

View File

@@ -730,7 +730,10 @@ const ResumeBuilderContent = () => {
{/* Footer */}
<div className="p-4 bg-[#F0F0E8] flex justify-between items-center font-mono text-xs text-blue-700 border-t border-black no-print">
<span className="uppercase font-bold">Resume Builder Module</span>
<span className="uppercase font-bold flex items-center gap-2">
<img src="/logo.svg" alt="Resume Matcher" className="w-5 h-5" />
Resume Builder Module
</span>
<div className="flex items-center gap-4">
<div className="flex items-center gap-2">
<div className="w-2 h-2 bg-green-700"></div>

View File

@@ -203,7 +203,7 @@ export const ResumeSingleColumn: React.FC<ResumeSingleColumnProps> = ({
<>
{/* Header Section - Centered Layout (always first) */}
{personalInfo && (
<header className="text-center resume-header border-b-2 border-black">
<header className="text-center resume-header border-b border-gray-400">
{/* Name - Centered */}
{personalInfo.name && (
<h1 className="resume-name tracking-tight uppercase mb-1">{personalInfo.name}</h1>

View File

@@ -96,7 +96,7 @@ export const ResumeTwoColumn: React.FC<ResumeTwoColumnProps> = ({
<>
{/* Header Section - Centered Layout */}
{personalInfo && (
<header className="text-center resume-header border-b-2 border-black">
<header className="text-center resume-header border-b border-gray-400">
{/* Name - Centered */}
{personalInfo.name && (
<h1 className="resume-name tracking-tight uppercase mb-1">{personalInfo.name}</h1>

View File

@@ -0,0 +1,5 @@
export const APP_VERSION = '1.0';
export const APP_CODENAME = 'Aerodynamic';
export const APP_NAME = 'Resume Matcher';
export const getVersionString = () => `${APP_NAME} v${APP_VERSION} (${APP_CODENAME})`;