main: vibe coded app to feel like paper
Signed-off-by: nfel <nfilsaraee@gmail.com>
This commit is contained in:
@@ -23,13 +23,13 @@ export default function AdminSidebar() {
|
||||
];
|
||||
|
||||
return (
|
||||
<div className="w-64 bg-primary-900/50 backdrop-blur-sm border-r border-white/10 flex flex-col">
|
||||
<div className="w-64 bg-paper-sand border-r-2 border-paper-brown flex flex-col">
|
||||
{/* Header */}
|
||||
<div className="p-6 border-b border-white/10">
|
||||
<h1 className="text-2xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-accent-cyan to-accent-orange">
|
||||
<div className="p-6 border-b-2 border-paper-brown">
|
||||
<h1 className="text-2xl font-bold text-paper-dark border-b-4 border-paper-dark inline-block pb-1">
|
||||
Admin Panel
|
||||
</h1>
|
||||
<p className="text-sm text-gray-400 mt-1">Parsa Music Store</p>
|
||||
<p className="text-sm text-paper-gray mt-3">Parsa Music Store</p>
|
||||
</div>
|
||||
|
||||
{/* Menu */}
|
||||
@@ -43,10 +43,10 @@ export default function AdminSidebar() {
|
||||
key={item.path}
|
||||
whileHover={{ x: 4 }}
|
||||
onClick={() => router.push(item.path)}
|
||||
className={`w-full flex items-center gap-3 px-4 py-3 rounded-lg transition-all ${
|
||||
className={`w-full flex items-center gap-3 px-4 py-3 border-2 transition-all ${
|
||||
isActive
|
||||
? 'bg-accent-cyan/20 text-accent-cyan'
|
||||
: 'text-gray-300 hover:bg-white/5'
|
||||
? 'bg-paper-brown text-paper-light border-paper-dark shadow-paper'
|
||||
: 'text-paper-dark border-paper-brown/30 hover:bg-paper-light hover:border-paper-brown'
|
||||
}`}
|
||||
>
|
||||
<Icon className="text-xl" />
|
||||
@@ -57,11 +57,11 @@ export default function AdminSidebar() {
|
||||
</nav>
|
||||
|
||||
{/* Logout */}
|
||||
<div className="p-4 border-t border-white/10">
|
||||
<div className="p-4 border-t-2 border-paper-brown">
|
||||
<motion.button
|
||||
whileHover={{ x: 4 }}
|
||||
onClick={handleLogout}
|
||||
className="w-full flex items-center gap-3 px-4 py-3 rounded-lg text-red-400 hover:bg-red-500/10 transition-all"
|
||||
className="w-full flex items-center gap-3 px-4 py-3 border-2 border-red-400 text-red-700 hover:bg-red-100 transition-all"
|
||||
>
|
||||
<FaSignOutAlt className="text-xl" />
|
||||
<span className="font-medium">Logout</span>
|
||||
|
||||
Reference in New Issue
Block a user