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

12
frontend/components/LogsOverlay.tsx
View File

@@ -17,7 +17,7 @@ export default function LogsOverlay({ show, onClose, logs, inventory }: LogsOver
<div className="fixed inset-0 z-50 flex flex-col bg-background p-6 animate-in slide-in-from-bottom-20 duration-500">
<div className="flex justify-between items-center mb-8">
<div>
<h2 className="text-2xl font-black tracking-tight">Audit History</h2>
<h2 className="text-2xl font-normal tracking-tight">Audit History</h2>
<p className="text-xs text-muted">Live transaction log from cloud</p>
</div>
<button
@@ -39,16 +39,16 @@ export default function LogsOverlay({ show, onClose, logs, inventory }: LogsOver
<div key={log.id} className="bg-surface/70 border border-slate-800 p-4 rounded-2xl flex items-center justify-between gap-4">
<div className="flex-1 min-w-0">
<div className="flex items-center gap-2 mb-1">
<p className={`text-xs font-black ${
<p className={`text-xs font-normal ${
log.action.includes('CHECK_IN') ? "text-green-500" : (log.action.includes('TRASH') ? "text-rose-500" : "text-amber-500")
}`}>
{log.action}
</p>
<span className="text-xs font-bold text-muted">by</span>
<span className="text-xs font-black text-secondary">{log.username || 'System'}</span>
<span className="text-xs font-normal text-muted">by</span>
<span className="text-xs font-normal text-secondary">{log.username || 'System'}</span>
</div>
<div className="flex items-center gap-2">
<span className="text-sm font-bold text-secondary">
<span className="text-sm font-normal text-secondary">
{inventory.find(i => i.id === log.target_item_id)?.name || `Item #${log.target_item_id}`}
</span>
</div>
@@ -66,7 +66,7 @@ export default function LogsOverlay({ show, onClose, logs, inventory }: LogsOver
)}
</div>
<div className="text-right">
<p className={`text-lg font-black ${
<p className={`text-lg font-normal ${
log.quantity_change > 0 ? "text-green-400" : "text-rose-400"
}`}>
{log.quantity_change > 0 ? '+' : ''}{log.quantity_change}