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

style: synchronize icons for categories and items v1.2.5

Browse Source
This commit is contained in:
Daniel Bedeleanu
2026-04-11 11:46:34 +03:00
parent a4cea4ce07
commit aa134e4384
7 changed files with 51 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -245,8 +245,8 @@ export default function InventoryPage() {
onClick={() => setExpandedCategory(expandedCategory === cat ? null : cat)}
>
<div className="flex items-center gap-3">
<div className="w-10 h-10 rounded-2xl bg-slate-800 flex items-center justify-center text-slate-400 group-hover:text-primary transition-colors">
<Tag size={20} />
<div className="w-10 h-10 rounded-2xl bg-primary/10 flex items-center justify-center text-primary transition-colors">
<Layers size={20} />
</div>
<div className="text-left">
<h3 className="font-bold text-lg">{cat}</h3>
@@ -286,9 +286,14 @@ export default function InventoryPage() {
onClick={() => setSelectedItem(item)}
className="bg-slate-950/40 border border-slate-800/50 p-4 rounded-2xl flex items-center justify-between hover:border-primary/40 cursor-pointer transition-all active:scale-[0.98]"
>
<div className="flex-1 min-w-0 pr-4">
<h4 className="font-bold text-slate-200 truncate">{item.name}</h4>
<p className="text-[10px] text-slate-500 truncate mt-0.5">{item.specs}</p>
<div className="flex items-center gap-3 flex-1 min-w-0 pr-4">
<div className="w-8 h-8 rounded-xl bg-green-500/10 flex items-center justify-center text-green-500 shrink-0">
<Package size={14} />
</div>
<div className="truncate">
<h4 className="font-bold text-slate-200 truncate">{item.name}</h4>
<p className="text-[10px] text-slate-500 truncate mt-0.5">{item.specs}</p>
</div>
</div>
<div className="text-right shrink-0">
<span className={cn(