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

20
frontend/components/AdminOverlay.tsx
View File

@@ -120,7 +120,7 @@ export default function AdminOverlay({
<div className="p-2 bg-slate-800 rounded-xl text-primary">
<Shield size={20} />
</div>
<h2 className="text-xl font-black text-white">System Admin</h2>
<h2 className="text-xl font-normal text-white">System Admin</h2>
</div>
<button
data-testid="close-admin-overlay"
@@ -136,12 +136,12 @@ export default function AdminOverlay({
<section className="space-y-4">
<div className="flex items-center justify-between">
<div>
<h3 className="text-sm font-black text-secondary">User Management</h3>
<h3 className="text-sm font-normal text-secondary">User Management</h3>
<p className="text-xs text-muted mt-0.5">Create accounts and control access</p>
</div>
<button
onClick={() => setShowCreateUserModal(true)}
className="flex items-center gap-1 text-xs font-black text-primary hover:text-blue-400 focus-visible:ring-2 focus-visible:ring-primary focus-visible:outline-none rounded px-1"
className="flex items-center gap-1 text-xs font-normal text-primary hover:text-blue-400 focus-visible:ring-2 focus-visible:ring-primary focus-visible:outline-none rounded px-1"
>
<UserPlus size={12} /> Add User
</button>
@@ -155,8 +155,8 @@ export default function AdminOverlay({
<User size={16} />
</div>
<div>
<p className="text-sm font-bold text-white">{u.username}</p>
<p className="text-xs font-bold text-muted">{u.role}</p>
<p className="text-sm font-normal text-white">{u.username}</p>
<p className="text-xs font-normal text-muted">{u.role}</p>
</div>
</div>
@@ -185,12 +185,12 @@ export default function AdminOverlay({
<section className="space-y-4">
<div className="flex items-center justify-between">
<div>
<h3 className="text-sm font-black text-secondary">Category Groups</h3>
<h3 className="text-sm font-normal text-secondary">Category Groups</h3>
<p className="text-xs text-muted mt-0.5">Organize items by type or location</p>
</div>
<button
onClick={() => setShowCreateCategoryModal(true)}
className="flex items-center gap-1 text-xs font-black text-primary hover:text-blue-400 focus-visible:ring-2 focus-visible:ring-primary focus-visible:outline-none rounded px-1"
className="flex items-center gap-1 text-xs font-normal text-primary hover:text-blue-400 focus-visible:ring-2 focus-visible:ring-primary focus-visible:outline-none rounded px-1"
>
<Plus size={12} /> Add Category
</button>
@@ -204,7 +204,7 @@ export default function AdminOverlay({
<Layers size={16} />
</div>
<div>
<p className="text-sm font-bold text-white">{cat.name}</p>
<p className="text-sm font-normal text-white">{cat.name}</p>
<p className="text-xs text-muted font-mono">{cat.description || 'No description'}</p>
</div>
</div>
@@ -233,7 +233,7 @@ export default function AdminOverlay({
<section className="p-6 bg-slate-800/30 rounded-3xl border border-slate-800 space-y-4">
<div className="flex items-center gap-2 text-rose-500">
<AlertTriangle size={16} />
<p className="text-sm font-black">Sign Out</p>
<p className="text-sm font-normal">Sign Out</p>
</div>
<p className="text-xs text-muted">End your session and return to the login screen.</p>
<button
@@ -241,7 +241,7 @@ export default function AdminOverlay({
import('@/lib/auth').then(m => m.clearAuth());
window.location.href = '/login';
}}
className="w-full bg-rose-500/10 hover:bg-rose-500/20 text-rose-500 border border-rose-500/20 font-black py-3 rounded-xl transition-all flex items-center justify-center gap-2 focus-visible:ring-2 focus-visible:ring-rose-500 focus-visible:outline-none"
className="w-full bg-rose-500/10 hover:bg-rose-500/20 text-rose-500 border border-rose-500/20 font-normal py-3 rounded-xl transition-all flex items-center justify-center gap-2 focus-visible:ring-2 focus-visible:ring-rose-500 focus-visible:outline-none"
>
<LogOut size={16} /> Sign Out
</button>