From 57efc6a5d2332a3170fc89de79428a1729825604 Mon Sep 17 00:00:00 2001
From: Vantz Stockwell <vstockwell@predator-mini.local>
Date: Sat, 21 Feb 2026 23:03:15 -0500
Subject: [PATCH] =?UTF-8?q?fix:=20Sidebar=20overlapping=20main=20content?=
 =?UTF-8?q?=20=E2=80=94=20use=20fixed=20+=20pl-64=20offset?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The md:static approach wasn't reliably removing fixed positioning,
causing the sidebar to overlay the main content. Changed to keep
sidebar fixed (better for dashboards — no scroll) and offset main
content with md:pl-64 instead.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 frontend/src/components/layout/DashboardLayout.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/layout/DashboardLayout.vue b/frontend/src/components/layout/DashboardLayout.vue
index af8f2a3..1ac701d 100644
--- a/frontend/src/components/layout/DashboardLayout.vue
+++ b/frontend/src/components/layout/DashboardLayout.vue
@@ -105,7 +105,7 @@ function canShowNavItem(item: typeof navItems[0]): boolean {
 
     <!-- Sidebar -->
     <aside
-      class="w-64 bg-neutral-900 border-r border-neutral-800 flex flex-col fixed md:static inset-y-0 left-0 z-50 transform transition-transform"
+      class="w-64 bg-neutral-900 border-r border-neutral-800 flex flex-col fixed inset-y-0 left-0 z-50 transform transition-transform"
       :class="sidebarOpen ? 'translate-x-0' : '-translate-x-full md:translate-x-0'"
     >
       <!-- Logo -->
@@ -203,8 +203,8 @@ function canShowNavItem(item: typeof navItems[0]): boolean {
       </div>
     </aside>
 
-    <!-- Main Content -->
-    <main class="flex-1 overflow-y-auto md:ml-0">
+    <!-- Main Content (offset by sidebar width on desktop) -->
+    <main class="flex-1 overflow-y-auto md:pl-64">
       <RouterView />
     </main>
   </div>