RideAware/rideaware-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

reposition the navbar when closed

Browse Source
This commit is contained in:
Cipher Vance
2026-01-21 08:02:20 -06:00
parent 61bb87c853
commit a4b09e8625
1 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/ModernNavbar.vue
View File

@@ -279,6 +279,12 @@ updateBodyClass()
justify-content: space-between; justify-content: space-between;
gap: var(--spacing-sm); gap: var(--spacing-sm);
flex-shrink: 0; flex-shrink: 0;
position: relative;
}
.sidebar-nav.collapsed .sidebar-header {
flex-direction: column;
gap: var(--spacing-md);
} }
.sidebar-brand { .sidebar-brand {
@@ -293,6 +299,7 @@ updateBodyClass()
.sidebar-nav.collapsed .sidebar-brand { .sidebar-nav.collapsed .sidebar-brand {
justify-content: center; justify-content: center;
flex: unset;
} }
.logo-icon { .logo-icon {
@@ -341,14 +348,10 @@ updateBodyClass()
justify-content: center; justify-content: center;
transition: all var(--transition-base); transition: all var(--transition-base);
flex-shrink: 0; flex-shrink: 0;
position: relative;
z-index: 1;
} }
.sidebar-nav.collapsed .collapse-toggle { .sidebar-nav.collapsed .collapse-toggle {
position: absolute; /* No absolute positioning - let it stack below the logo */
right: var(--spacing-sm);
top: var(--spacing-lg);
} }
.collapse-toggle:hover { .collapse-toggle:hover {