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

Build [v1.14.30]

Browse Source
This commit is contained in:
Daniel Bedeleanu
2026-04-25 12:49:02 +03:00
parent 49d788cfe9
commit d0f166a370
6 changed files with 38 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
frontend/app/page.tsx
View File

@@ -360,7 +360,7 @@ export default function Home() {
return (
<PageShell>
<div className="p-3 md:p-8 overflow-x-hidden w-full max-w-7xl mx-auto">
<div className="p-4 md:p-8 overflow-x-hidden w-full max-w-7xl mx-auto">
{/* Search datalists for autocomplete */}
<datalist id="existing-types">
{existingTypes.map(t => <option key={t} value={t} />)}
@@ -370,33 +370,33 @@ export default function Home() {
</datalist>
{/* Header */}
<header className="flex flex-col sm:flex-row justify-between sm:items-center gap-3 md:gap-4 mb-3 md:mb-4 w-full px-1">
<div className="flex items-center gap-2 md:gap-3">
<div className="p-1">
<header className="flex flex-col sm:flex-row justify-between sm:items-center gap-3 md:gap-4 mb-6 md:mb-8 w-full">
<div className="flex items-center gap-4">
<div className="p-4 bg-primary/10 border border-primary/20">
<img
src="/logo.png"
alt="TFM aInventory"
className="h-8 md:h-10 object-contain drop-shadow-xl rounded-lg"
className="h-8 md:h-10 object-contain"
/>
</div>
<div>
<h1 className="text-2xl md:text-3xl font-normal tracking-tight text-white leading-tight">TFM aInventory</h1>
<p className="text-xs md:text-sm text-secondary font-normal tracking-tight mt-1 leading-relaxed">Check-in, Check-out & Trash Operations</p>
<p className="text-xs md:text-sm text-secondary font-normal tracking-tight mt-1 leading-relaxed">Check-in, Check-out & Trash Operations</p>
</div>
</div>
<div className="flex flex-wrap items-center justify-between sm:justify-end gap-2 md:gap-3 bg-surface/50 sm:bg-transparent px-3 py-2 sm:p-0 rounded-2xl border border-slate-800/50 sm:border-none">
<div className="flex flex-wrap items-center justify-between sm:justify-end gap-2 md:gap-3 bg-surface/50 sm:bg-transparent px-3 py-2 sm:p-0 border border-slate-800/50 sm:border-none">
<div className="flex flex-wrap items-center gap-2 md:gap-3">
{isScannerReady && (
<div className="flex items-center gap-2">
<div className="w-1.5 h-1.5 rounded-full bg-green-500 shadow-[0_0_8px_rgba(34,197,94,0.6)]" />
<div className="w-1.5 h-1.5 bg-green-500" />
<span className="text-xs font-normal text-green-500/90 whitespace-nowrap">
Scanner: OK
</span>
</div>
)}
<div className="flex items-center gap-2" data-testid={!isOnline ? "offline-indicator" : undefined}>
<div className={`w-1.5 h-1.5 rounded-full ${isOnline ? 'bg-green-500 animate-pulse shadow-[0_0_8px_rgba(34,197,94,0.6)]' : 'bg-rose-500 shadow-[0_0_8px_rgba(244,63,94,0.6)]'}`} />
<div className={`w-1.5 h-1.5 ${isOnline ? 'bg-green-500 animate-pulse' : 'bg-rose-500'}`} />
<span className={`text-xs font-normal whitespace-nowrap ${isOnline ? 'text-green-500/90' : 'text-rose-500/90'}`} data-testid={!isOnline ? "offline-sync-indicator" : undefined}>
Sync: {isOnline ? 'Active' : 'Offline'}
</span>
@@ -405,7 +405,7 @@ export default function Home() {
<div className="flex items-center gap-2">
<button
onClick={() => setShowSearch(true)}
className="p-2.5 bg-surface border border-slate-800 text-secondary rounded-xl hover:text-white transition-all active:scale-95"
className="p-2.5 bg-surface border border-slate-800 text-secondary hover:text-white transition-all active:scale-95"
title="Search (Ctrl+K)"
>
<Search size={18} />
@@ -414,7 +414,7 @@ export default function Home() {
onClick={handleSync}
disabled={syncing}
data-testid="manual-sync-button"
className="p-2 lg:p-3 xl:p-4 lg:p-5 xl:p-6 lg:p-8 xl:p-10.5 bg-surface border border-slate-800 text-secondary rounded-xl hover:text-white transition-all active:scale-95 disabled:opacity-50"
className="p-2.5 bg-surface border border-slate-800 text-secondary hover:text-white transition-all active:scale-95 disabled:opacity-50"
>
<RefreshCw size={18} className={syncing ? "animate-spin text-primary" : ""} />
</button>
@@ -498,7 +498,7 @@ export default function Home() {
{/* Box Contents Selection Modal */}
{boxMatches.length > 0 && !selectedItem && (
<div className="fixed inset-0 z-50 flex items-end sm:items-center justify-center p-4 bg-background/80 animate-in fade-in duration-200">
<div className="w-full max-w-lg bg-surface border border-slate-800 rounded-[2.5rem] shadow-2xl p-4 md:p-6 overflow-hidden animate-in slide-in-from-bottom-10 duration-300 flex flex-col max-h-[85vh]">
<div className="w-full max-w-lg bg-surface border border-slate-800 p-4 md:p-6 overflow-hidden animate-in slide-in-from-bottom-10 duration-300 flex flex-col max-h-[85vh]">
<div className="flex justify-between items-center mb-3 md:mb-4 shrink-0">
<div>
<h3 className="text-xl font-normal tracking-tight flex items-center gap-2">
@@ -507,7 +507,7 @@ export default function Home() {
</h3>
<p className="text-xs text-secondary font-normal mt-1">Select the item you want to {mode.replace('_', ' ').toLowerCase()}</p>
</div>
<button onClick={() => setBoxMatches([])} className="p-2 lg:p-3 xl:p-4 lg:p-5 xl:p-6 lg:p-8 xl:p-10 hover:bg-slate-800 rounded-full">
<button onClick={() => setBoxMatches([])} className="p-2 lg:p-3 xl:p-4 lg:p-5 xl:p-6 lg:p-8 xl:p-10 hover:bg-slate-800">
<X size={20} />
</button>
</div>
@@ -520,7 +520,7 @@ export default function Home() {
setBoxMatches([]);
setAdjustType(mode === 'CHECK_IN' ? 'ADD' : 'REMOVE');
}}
className="w-full text-left bg-background/50 hover:bg-slate-800 border border-slate-800/80 p-3 md:p-4 rounded-2xl flex items-center gap-2 md:gap-3 transition-all active:scale-[0.98] group"
className="w-full text-left bg-background/50 hover:bg-slate-800 border border-slate-800/80 p-3 md:p-4 flex items-center gap-2 md:gap-3 transition-all active:scale-[0.98] group"
>
<div className="flex-1 min-w-0">
<p className="text-sm font-normal text-white">{item.name}</p>