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

style: step 4 - uniform text tokens in inventory page

Browse Source
This commit is contained in:
Daniel Bedeleanu
2026-04-19 11:55:50 +03:00
parent ffb56c030d
commit fa27817f7c
2 changed files with 17 additions and 17 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

@@ -50,7 +50,7 @@ Mark each step `[x]` when complete. Commit the file with the step.
- [x] **Step 1** — Audit & document all violations (no code changes) - [x] **Step 1** — Audit & document all violations (no code changes)
- [x] **Step 2** — Fix: `app/login/page.tsx` text tokens (no violations found — already clean) - [x] **Step 2** — Fix: `app/login/page.tsx` text tokens (no violations found — already clean)
- [x] **Step 3** — Fix: `app/page.tsx` text tokens (scanner/main page) - [x] **Step 3** — Fix: `app/page.tsx` text tokens (scanner/main page)
- [ ] **Step 4** — Fix: `app/inventory/page.tsx` text tokens - [x] **Step 4** — Fix: `app/inventory/page.tsx` text tokens
- [ ] **Step 5** — Fix: `app/admin/page.tsx` + `app/logs/page.tsx` text tokens - [ ] **Step 5** — Fix: `app/admin/page.tsx` + `app/logs/page.tsx` text tokens
- [ ] **Step 6** — Fix: `components/AdminOverlay.tsx` text tokens - [ ] **Step 6** — Fix: `components/AdminOverlay.tsx` text tokens
- [ ] **Step 7** — Fix: `components/IdentityCheckOverlay.tsx` text tokens - [ ] **Step 7** — Fix: `components/IdentityCheckOverlay.tsx` text tokens

32
frontend/app/inventory/page.tsx
View File

@@ -391,7 +391,7 @@ export default function InventoryPage() {
<h3 className="text-xl font-black tracking-tight flex items-center gap-2"> <h3 className="text-xl font-black tracking-tight flex items-center gap-2">
{isEditing ? "Edit Item" : selectedItem.name} {isEditing ? "Edit Item" : selectedItem.name}
{!isEditing && ( {!isEditing && (
<span className="text-xs bg-slate-800 text-slate-300 px-3 py-1 rounded-lg font-bold tracking-tight"> <span className="text-xs bg-slate-800 text-secondary px-3 py-1 rounded-lg font-bold tracking-tight">
In Stock: {selectedItem.quantity} In Stock: {selectedItem.quantity}
</span> </span>
)} )}
@@ -437,16 +437,16 @@ export default function InventoryPage() {
type="text" type="text"
value={editedItem.name || ''} value={editedItem.name || ''}
onChange={e => setEditedItem({...editedItem, name: e.target.value})} onChange={e => setEditedItem({...editedItem, name: e.target.value})}
className="w-full bg-background border border-slate-800 rounded-xl py-3 px-4 text-sm font-bold outline-none text-slate-100 placeholder:text-slate-700" className="w-full bg-background border border-slate-800 rounded-xl py-3 px-4 text-sm font-bold outline-none text-secondary placeholder:text-muted"
/> />
</div> </div>
<div> <div>
<label className="text-sm font-bold text-secondary ml-1 tracking-tight">Part Number</label> <label className="text-sm font-bold text-secondary ml-1 tracking-tight">Part Number</label>
<input <input
type="text" type="text"
value={editedItem.part_number || ''} value={editedItem.part_number || ''}
onChange={e => setEditedItem({...editedItem, part_number: e.target.value})} onChange={e => setEditedItem({...editedItem, part_number: e.target.value})}
className="w-full bg-background border border-slate-800 rounded-xl py-3 px-4 text-sm font-bold outline-none text-slate-100 placeholder:text-slate-700" className="w-full bg-background border border-slate-800 rounded-xl py-3 px-4 text-sm font-bold outline-none text-secondary placeholder:text-muted"
/> />
</div> </div>
<div className="grid grid-cols-2 gap-4"> <div className="grid grid-cols-2 gap-4">
@@ -457,7 +457,7 @@ export default function InventoryPage() {
list="existing-categories" list="existing-categories"
value={editedItem.category || ''} value={editedItem.category || ''}
onChange={e => setEditedItem({ ...editedItem, category: e.target.value })} onChange={e => setEditedItem({ ...editedItem, category: e.target.value })}
className="w-full bg-background border border-slate-800 rounded-xl py-3 px-4 text-sm font-bold outline-none text-slate-100 placeholder:text-slate-700" className="w-full bg-background border border-slate-800 rounded-xl py-3 px-4 text-sm font-bold outline-none text-secondary placeholder:text-muted"
placeholder="e.g. storage" placeholder="e.g. storage"
/> />
<datalist id="existing-categories"> <datalist id="existing-categories">
@@ -473,7 +473,7 @@ export default function InventoryPage() {
list="existing-types" list="existing-types"
value={editedItem.type || ''} value={editedItem.type || ''}
onChange={e => setEditedItem({...editedItem, type: e.target.value})} onChange={e => setEditedItem({...editedItem, type: e.target.value})}
className="w-full bg-background border border-slate-800 rounded-xl py-3 px-4 text-sm font-bold outline-none text-slate-100" className="w-full bg-background border border-slate-800 rounded-xl py-3 px-4 text-sm font-bold outline-none text-secondary"
/> />
</div> </div>
<div> <div>
@@ -482,7 +482,7 @@ export default function InventoryPage() {
type="text" type="text"
value={editedItem.connector || ''} value={editedItem.connector || ''}
onChange={e => setEditedItem({...editedItem, connector: e.target.value})} onChange={e => setEditedItem({...editedItem, connector: e.target.value})}
className="w-full bg-background border border-slate-800 rounded-xl py-3 px-4 text-sm font-bold outline-none text-slate-100" className="w-full bg-background border border-slate-800 rounded-xl py-3 px-4 text-sm font-bold outline-none text-secondary"
placeholder="e.g. LC/UPC" placeholder="e.g. LC/UPC"
/> />
</div> </div>
@@ -492,7 +492,7 @@ export default function InventoryPage() {
type="text" type="text"
value={editedItem.size || ''} value={editedItem.size || ''}
onChange={e => setEditedItem({...editedItem, size: e.target.value})} onChange={e => setEditedItem({...editedItem, size: e.target.value})}
className="w-full bg-background border border-slate-800 rounded-xl py-3 px-4 text-sm font-bold outline-none text-slate-100" className="w-full bg-background border border-slate-800 rounded-xl py-3 px-4 text-sm font-bold outline-none text-secondary"
placeholder="e.g. 1.6TB" placeholder="e.g. 1.6TB"
/> />
</div> </div>
@@ -502,7 +502,7 @@ export default function InventoryPage() {
type="text" type="text"
value={editedItem.color || ''} value={editedItem.color || ''}
onChange={e => setEditedItem({...editedItem, color: e.target.value})} onChange={e => setEditedItem({...editedItem, color: e.target.value})}
className="w-full bg-background border border-slate-800 rounded-xl py-3 px-4 text-sm font-bold outline-none text-slate-100" className="w-full bg-background border border-slate-800 rounded-xl py-3 px-4 text-sm font-bold outline-none text-secondary"
placeholder="e.g. Blue" placeholder="e.g. Blue"
/> />
</div> </div>
@@ -514,7 +514,7 @@ export default function InventoryPage() {
list="existing-boxes" list="existing-boxes"
value={editedItem.box_label || ''} value={editedItem.box_label || ''}
onChange={e => setEditedItem({...editedItem, box_label: e.target.value})} onChange={e => setEditedItem({...editedItem, box_label: e.target.value})}
className="w-full bg-background border border-slate-800 rounded-xl py-3 pl-4 pr-12 text-sm font-bold outline-none text-slate-100 placeholder:text-slate-700 focus:border-primary transition-colors" className="w-full bg-background border border-slate-800 rounded-xl py-3 pl-4 pr-12 text-sm font-bold outline-none text-secondary placeholder:text-muted focus:border-primary transition-colors"
placeholder="e.g. Box 5" placeholder="e.g. Box 5"
/> />
<button <button
@@ -539,7 +539,7 @@ export default function InventoryPage() {
<textarea <textarea
value={editedItem.specs || ''} value={editedItem.specs || ''}
onChange={e => setEditedItem({...editedItem, specs: e.target.value})} onChange={e => setEditedItem({...editedItem, specs: e.target.value})}
className="w-full bg-background border border-slate-800 rounded-xl py-3 px-4 text-sm font-bold outline-none text-slate-100 h-20 resize-none" className="w-full bg-background border border-slate-800 rounded-xl py-3 px-4 text-sm font-bold outline-none text-secondary h-20 resize-none"
/> />
</div> </div>
<div> <div>
@@ -595,7 +595,7 @@ export default function InventoryPage() {
<select <select
value={trashReason} value={trashReason}
onChange={(e) => setTrashReason(e.target.value)} onChange={(e) => setTrashReason(e.target.value)}
className="w-full bg-background border border-slate-800 rounded-xl py-3 px-4 text-sm outline-none text-slate-300" className="w-full bg-background border border-slate-800 rounded-xl py-3 px-4 text-sm outline-none text-foreground"
> >
<option>Damaged</option> <option>Damaged</option>
<option>Expired</option> <option>Expired</option>
@@ -647,7 +647,7 @@ export default function InventoryPage() {
type="text" type="text"
value={catEditedName} value={catEditedName}
onChange={e => setCatEditedName(e.target.value)} onChange={e => setCatEditedName(e.target.value)}
className="w-full bg-background border border-slate-800 rounded-xl py-3 px-4 text-sm outline-none text-slate-100" className="w-full bg-background border border-slate-800 rounded-xl py-3 px-4 text-sm outline-none text-secondary"
/> />
</div> </div>
<div> <div>
@@ -655,7 +655,7 @@ export default function InventoryPage() {
<textarea <textarea
value={catEditedDesc} value={catEditedDesc}
onChange={e => setCatEditedDesc(e.target.value)} onChange={e => setCatEditedDesc(e.target.value)}
className="w-full bg-background border border-slate-800 rounded-xl py-3 px-4 text-sm outline-none text-slate-100 h-24 resize-none" className="w-full bg-background border border-slate-800 rounded-xl py-3 px-4 text-sm outline-none text-secondary h-24 resize-none"
/> />
</div> </div>
</div> </div>