Build [v1.14.24]
This commit is contained in:
@@ -25,13 +25,13 @@ export default function BottomNav({
|
||||
const isAdmin = pathname === '/admin';
|
||||
|
||||
return (
|
||||
<footer className="fixed bottom-0 left-0 right-0 py-3 px-2 pb-safe bg-background border-t border-slate-900 z-40 transition-all duration-300">
|
||||
<footer className="fixed bottom-0 left-0 right-0 py-3 px-2 pb-safe bg-background border-t border-outline/30 z-40 transition-all duration-300">
|
||||
<div className="max-w-xl mx-auto flex justify-around items-center text-secondary">
|
||||
|
||||
<button
|
||||
onClick={() => router.push('/')}
|
||||
aria-label="Go to Home"
|
||||
className={cn("flex flex-col items-center gap-1 rounded px-2 py-1 cursor-pointer transition-colors focus:ring-2 focus:ring-primary focus:outline-none", isHome && "text-primary")}
|
||||
className={cn("flex flex-col items-center gap-1 px-2 py-1 cursor-pointer transition-colors focus:ring-2 focus:ring-primary focus:outline-none", isHome && "text-primary")}
|
||||
>
|
||||
<Smartphone size={20} />
|
||||
<span className="text-xs font-normal transition-all">Home</span>
|
||||
@@ -41,7 +41,7 @@ export default function BottomNav({
|
||||
<button
|
||||
onClick={() => router.push('/inventory')}
|
||||
aria-label="Go to Inventory"
|
||||
className={cn("flex flex-col items-center gap-1 rounded px-2 py-1 cursor-pointer transition-colors focus:ring-2 focus:ring-primary focus:outline-none", isInventory && "text-primary")}
|
||||
className={cn("flex flex-col items-center gap-1 px-2 py-1 cursor-pointer transition-colors focus:ring-2 focus:ring-primary focus:outline-none", isInventory && "text-primary")}
|
||||
>
|
||||
<Package size={20} />
|
||||
<span className="text-xs font-normal transition-all">Inventory</span>
|
||||
@@ -51,7 +51,7 @@ export default function BottomNav({
|
||||
<button
|
||||
onClick={() => router.push('/logs')}
|
||||
aria-label="Go to Logs"
|
||||
className={cn("flex flex-col items-center gap-1 rounded px-2 py-1 cursor-pointer transition-colors focus:ring-2 focus:ring-primary focus:outline-none", isLogs && "text-primary")}
|
||||
className={cn("flex flex-col items-center gap-1 px-2 py-1 cursor-pointer transition-colors focus:ring-2 focus:ring-primary focus:outline-none", isLogs && "text-primary")}
|
||||
>
|
||||
<History size={20} />
|
||||
<span className="text-xs font-normal transition-all">Logs</span>
|
||||
@@ -63,7 +63,7 @@ export default function BottomNav({
|
||||
data-testid="admin-button"
|
||||
onClick={() => router.push('/admin')}
|
||||
aria-label="Go to Admin"
|
||||
className={cn("flex flex-col items-center gap-1 rounded px-2 py-1 cursor-pointer transition-colors focus:ring-2 focus:ring-primary focus:outline-none", isAdmin && "text-primary")}
|
||||
className={cn("flex flex-col items-center gap-1 px-2 py-1 cursor-pointer transition-colors focus:ring-2 focus:ring-primary focus:outline-none", isAdmin && "text-primary")}
|
||||
>
|
||||
<Settings size={20} />
|
||||
<span className="text-xs font-normal transition-all">Admin</span>
|
||||
@@ -79,7 +79,7 @@ export default function BottomNav({
|
||||
}
|
||||
}}
|
||||
aria-label="Logout"
|
||||
className="flex flex-col items-center gap-1 text-rose-500 hover:text-rose-400 cursor-pointer transition-colors rounded px-2 py-1 focus:ring-2 focus:ring-rose-500 focus:outline-none"
|
||||
className="flex flex-col items-center gap-1 text-error hover:text-error/80 cursor-pointer transition-colors px-2 py-1 focus:ring-2 focus:ring-error focus:outline-none"
|
||||
>
|
||||
<LogOut size={20} />
|
||||
<span className="text-xs font-normal transition-all">Logout</span>
|
||||
|
||||
Reference in New Issue
Block a user