Add dark blur background to admin nav on mobile

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-06-24 17:16:07 -03:00
parent 7cc6456f97
commit a1eedcf8f5
1 changed files with 1 additions and 1 deletions
@@ -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}>