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

1
frontend/app/.#page.tsx Symbolic link
View File

@@ -0,0 +1 @@
danielbedeleanu@Daniels-MacBook-Pro-14-M1.local.30836

6
frontend/app/admin/page.tsx
View File

@@ -286,7 +286,7 @@ export default function AdminPage() {
<section className="space-y-6">
<div className="flex items-center justify-between px-2">
<div className="flex items-center gap-3">
<Tag size={20} className="text-primary" />
<Layers size={20} className="text-primary" />
<h2 className="text-lg font-black text-white">Category Groups</h2>
</div>
<button
@@ -304,8 +304,8 @@ export default function AdminPage() {
categories.map(cat => (
<div key={cat.id} className="flex items-center justify-between p-4 hover:bg-slate-800/30 transition-all group">
<div className="flex items-center gap-4 min-w-0 flex-1">
<div className="p-2.5 bg-slate-800 text-slate-500 rounded-xl border border-slate-700 shadow-inner group-hover:text-primary transition-all shrink-0">
<Tag size={16} />
<div className="p-2.5 bg-slate-800 text-slate-500 rounded-xl border border-slate-700 shadow-inner group-hover:text-primary group-hover:bg-primary/5 transition-all shrink-0">
<Layers size={16} />
</div>
<div className="min-w-0 flex-1">
<p className="text-sm font-bold text-white group-hover:text-primary transition-colors truncate">{cat.name}</p>

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(