From a1eedcf8f5553032f0ac8211d53eb972da365774 Mon Sep 17 00:00:00 2001
From: Beldor <beldor@localhost.localdomain>
Date: Wed, 24 Jun 2026 17:16:07 -0300
Subject: [PATCH] Add dark blur background to admin nav on mobile

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/app/admin/layout.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/admin/layout.tsx b/src/app/admin/layout.tsx
index 3187911..bda7b3d 100644
--- a/src/app/admin/layout.tsx
+++ b/src/app/admin/layout.tsx
@@ -23,7 +23,7 @@ export default function AdminLayout({ children }: { children: React.ReactNode })
   return (
     <div className="min-h-screen flex flex-col">
       <div className="max-w-5xl mx-auto w-full px-4 flex-1 flex flex-col md:flex-row gap-6 py-6">
-        <nav className="md:w-48 shrink-0">
+        <nav className="md:w-48 shrink-0 bg-black/50 backdrop-blur-sm md:bg-transparent rounded-xl md:rounded-none p-2 md:p-0">
           <ul className="flex md:flex-col gap-2 flex-wrap">
             {navItems.map((item) => (
               <li key={item.href}>