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

style: step 7 - uniform text tokens in IdentityCheckOverlay

Browse Source
This commit is contained in:
Daniel Bedeleanu
2026-04-19 12:00:11 +03:00
parent 3d79a4be2b
commit 7d4e60699d
2 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
docs/superpowers/plans/2026-04-19-ui-uniformity.md
View File

@@ -53,7 +53,7 @@ Mark each step `[x]` when complete. Commit the file with the step.
- [x] **Step 4** — Fix: `app/inventory/page.tsx` text tokens
- [x] **Step 5** — Fix: `app/admin/page.tsx` + `app/logs/page.tsx` text tokens
- [x] **Step 6** — Fix: `components/AdminOverlay.tsx` text tokens
- [ ] **Step 7** — Fix: `components/IdentityCheckOverlay.tsx` text tokens
- [x] **Step 7** — Fix: `components/IdentityCheckOverlay.tsx` text tokens
- [ ] **Step 8** — Fix: `components/Scanner.tsx` + `components/AIOnboarding.tsx`
- [ ] **Step 9** — Fix: `components/admin/` (all 5 files)
- [ ] **Step 10** — Fix: Modals (`CreateUserModal`, `ConfirmationModal`, `CategoryCreationModal`, `ItemComparisonModal`)

12
frontend/components/IdentityCheckOverlay.tsx
View File

@@ -86,11 +86,11 @@ const IdentityCheckOverlay = memo(({ show, users, onAuthenticated }: IdentityChe
{user.role === 'admin' ? <Shield size={18} /> : <User size={18} />}
</div>
<div>
<p className="text-slate-100 font-black text-sm tracking-tight">{user.username}</p>
<p className="text-secondary font-black text-sm tracking-tight">{user.username}</p>
<p className="text-xs text-secondary font-black mt-0.5">{user.role}</p>
</div>
</div>
<div className="p-1.5 rounded-full bg-surface/70 text-slate-700 group-hover:text-primary group-hover:bg-primary/10 transition-all">
<div className="p-1.5 rounded-full bg-surface/70 text-muted group-hover:text-primary group-hover:bg-primary/10 transition-all">
<ChevronRight size={14} />
</div>
</button>
@@ -126,7 +126,7 @@ const IdentityCheckOverlay = memo(({ show, users, onAuthenticated }: IdentityChe
data-testid="username-input"
type="text"
autoFocus
className="w-full bg-background/50 border border-slate-800/80 focus:border-primary/50 focus:bg-background rounded-[1.25rem] py-4.5 pl-14 pr-5 text-sm text-slate-100 focus:outline-none transition-all placeholder:text-slate-700 font-mono"
className="w-full bg-background/50 border border-slate-800/80 focus:border-primary/50 focus:bg-background rounded-[1.25rem] py-4.5 pl-14 pr-5 text-sm text-secondary focus:outline-none transition-all placeholder:text-muted font-mono"
placeholder="DIRECTORY ID"
/>
</div>
@@ -140,7 +140,7 @@ const IdentityCheckOverlay = memo(({ show, users, onAuthenticated }: IdentityChe
data-testid="password-input"
type="password"
onKeyDown={(e) => e.key === 'Enter' && handleLogin()}
className="w-full bg-background/50 border border-slate-800/80 focus:border-primary/50 focus:bg-background rounded-[1.25rem] py-4.5 pl-14 pr-5 text-sm text-slate-100 focus:outline-none transition-all placeholder:text-slate-700 font-mono"
className="w-full bg-background/50 border border-slate-800/80 focus:border-primary/50 focus:bg-background rounded-[1.25rem] py-4.5 pl-14 pr-5 text-sm text-secondary focus:outline-none transition-all placeholder:text-muted font-mono"
placeholder="••••••••"
/>
</div>
@@ -184,7 +184,7 @@ const IdentityCheckOverlay = memo(({ show, users, onAuthenticated }: IdentityChe
type="password"
autoFocus
onKeyDown={(e) => e.key === 'Enter' && handleLogin()}
className="w-full bg-background/50 border border-slate-800/80 focus:border-primary/50 focus:bg-background rounded-[1.25rem] py-4.5 pl-14 pr-5 text-sm text-slate-100 focus:outline-none transition-all placeholder:text-slate-700 font-mono"
className="w-full bg-background/50 border border-slate-800/80 focus:border-primary/50 focus:bg-background rounded-[1.25rem] py-4.5 pl-14 pr-5 text-sm text-secondary focus:outline-none transition-all placeholder:text-muted font-mono"
placeholder="KEY-PHRASE"
/>
</div>
@@ -202,7 +202,7 @@ const IdentityCheckOverlay = memo(({ show, users, onAuthenticated }: IdentityChe
</div>
{users.length === 0 && (
<div className="text-center p-8 text-slate-700 animate-pulse font-black text-xs">
<div className="text-center p-8 text-muted animate-pulse font-black text-xs">
Synchronizing User Tokens...
</div>
)}