vantzs/corrosion-admin-panel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 18 Wiki Activity

fix: Sidebar overlapping main content — use fixed + pl-64 offset
All checks were successful
Test Asgard Runner / test (push) Successful in 3s
Details

Browse Source 
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>
This commit is contained in:
Vantz Stockwell
2026-02-21 23:03:15 -05:00
parent 854f56a178
commit 57efc6a5d2
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/components/layout/DashboardLayout.vue
View File

@@ -105,7 +105,7 @@ function canShowNavItem(item: typeof navItems[0]): boolean {
<!-- Sidebar --> <!-- Sidebar -->
<aside <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'" :class="sidebarOpen ? 'translate-x-0' : '-translate-x-full md:translate-x-0'"
> >
<!-- Logo --> <!-- Logo -->
@@ -203,8 +203,8 @@ function canShowNavItem(item: typeof navItems[0]): boolean {
</div> </div>
</aside> </aside>
<!-- Main Content --> <!-- Main Content (offset by sidebar width on desktop) -->
<main class="flex-1 overflow-y-auto md:ml-0"> <main class="flex-1 overflow-y-auto md:pl-64">
<RouterView /> <RouterView />
</main> </main>
</div> </div>