bede/tfm_ainventory
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor: remove all bold font weights from UI/UX (291 replacements)

Browse Source 
Replace font-bold, font-black, and font-semibold with font-normal throughout:
- 26 component files
- 1 CSS utility file (globals.css)
- 291 total occurrences

Text hierarchy now maintained through font-size differences only.
All tests passing (291/291).

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
This commit is contained in:
Daniel Bedeleanu
2026-04-19 18:28:23 +03:00
parent b0a1582aa0
commit c0232bb2f1
31 changed files with 299 additions and 295 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
frontend/components/CameraView.tsx
View File

@@ -91,13 +91,13 @@ export default function CameraView({
</div>
<div className="p-6 bg-surface/90 border-t border-slate-800 flex flex-col gap-4">
<div className="flex flex-col items-center gap-1">
<p className="text-sm font-black text-white italic text-center">Text Found</p>
<p className="text-xs text-muted font-black text-center">Tap any text to use it</p>
<p className="text-sm font-normal text-white italic text-center">Text Found</p>
<p className="text-xs text-muted font-normal text-center">Tap any text to use it</p>
</div>
<button
onClick={onCancelSelection}
aria-label="Cancel text selection"
className="w-full py-4 bg-slate-800 hover:bg-slate-700 text-white rounded-2xl font-black text-xs cursor-pointer transition-all active:scale-95 border border-slate-700 focus:ring-2 focus:ring-blue-500 focus:outline-none"
className="w-full py-4 bg-slate-800 hover:bg-slate-700 text-white rounded-2xl font-normal text-xs cursor-pointer transition-all active:scale-95 border border-slate-700 focus:ring-2 focus:ring-blue-500 focus:outline-none"
>
Cancel
</button>
@@ -116,13 +116,13 @@ export default function CameraView({
<div className="absolute inset-0 z-20 flex flex-col items-center justify-center bg-surface text-secondary px-8 text-center gap-4">
<XCircle className="w-10 h-10 text-red-500" />
<div>
<p className="font-bold text-white">Camera Error</p>
<p className="font-normal text-white">Camera Error</p>
<p className="text-xs text-secondary mt-1">{error}</p>
</div>
<button
onClick={() => window.location.reload()}
aria-label="Reload page and try again"
className="mt-4 px-6 py-2 bg-slate-800 rounded-full text-sm font-bold cursor-pointer hover:bg-slate-700 transition-colors focus:ring-2 focus:ring-blue-500 focus:outline-none"
className="mt-4 px-6 py-2 bg-slate-800 rounded-full text-sm font-normal cursor-pointer hover:bg-slate-700 transition-colors focus:ring-2 focus:ring-blue-500 focus:outline-none"
>
Try Again
</button>
@@ -148,8 +148,8 @@ export default function CameraView({
aria-label={`Zoom ${zoom.toFixed(1)}x`}
className="h-14 px-5 bg-slate-800/80 hover:bg-slate-700 border border-slate-700 text-white rounded-2xl flex flex-col items-center justify-center shadow-lg cursor-pointer transition-all active:scale-95 shrink-0 focus:ring-2 focus:ring-blue-500 focus:outline-none"
>
<span className="text-xs font-black tabular-nums">{zoom.toFixed(1)}x</span>
<span className="text-xs text-primary font-black tracking-tighter">Zoom</span>
<span className="text-xs font-normal tabular-nums">{zoom.toFixed(1)}x</span>
<span className="text-xs text-primary font-normal tracking-tighter">Zoom</span>
</button>
)}
@@ -157,7 +157,7 @@ export default function CameraView({
{ocrProcessing ? (
<>
<RefreshCw className="animate-spin text-primary" size={18} />
<span className="text-xs font-black text-secondary leading-none">Analyzing</span>
<span className="text-xs font-normal text-secondary leading-none">Analyzing</span>
</>
) : (
<>
@@ -166,8 +166,8 @@ export default function CameraView({
size={18}
/>
<div className="flex flex-col">
<span className="text-xs text-muted font-black leading-none">Smart Scan</span>
<span className="text-xs font-black text-primary leading-tight tabular-nums">
<span className="text-xs text-muted font-normal leading-none">Smart Scan</span>
<span className="text-xs font-normal text-primary leading-tight tabular-nums">
{countdown === 0 ? 'Scanning' : `${countdown}s`}
</span>
</div>
@@ -184,7 +184,7 @@ export default function CameraView({
<div className="w-full flex justify-center items-center gap-2">
<div className="w-1 h-1 rounded-full bg-green-500 animate-pulse" />
<p className="text-xs text-secondary font-black">
<p className="text-xs text-secondary font-normal">
Scanner active · Use zoom or tap scan
</p>
</div>