Fix sidebar collapse functionality in all layouts
All checks were successful
Build And Push Image / docker (push) Successful in 2m3s
- Add permanent prop to navigation drawer - Add :expand-on-hover='false' to prevent hover expansion - Adjust width from 64 to 56 for better collapsed view - Ensures sidebar properly collapses across admin, member, and board portals
BIN
.playwright-mcp/admin-sidebar-collapsed.png
Normal file
|
After Width: | Height: | Size: 560 KiB |
BIN
.playwright-mcp/board-sidebar-collapsed.png
Normal file
|
After Width: | Height: | Size: 450 KiB |
BIN
.playwright-mcp/board-sidebar-expanded.png
Normal file
|
After Width: | Height: | Size: 450 KiB |
BIN
.playwright-mcp/member-portal-collapsed.png
Normal file
|
After Width: | Height: | Size: 414 KiB |
BIN
.playwright-mcp/member-portal-expanded.png
Normal file
|
After Width: | Height: | Size: 539 KiB |
BIN
.playwright-mcp/member-portal-sidebar.png
Normal file
|
After Width: | Height: | Size: 677 KiB |
BIN
.playwright-mcp/member-sidebar-expanded.png
Normal file
|
After Width: | Height: | Size: 676 KiB |
@@ -3,8 +3,10 @@
|
||||
<v-navigation-drawer
|
||||
v-model="drawer"
|
||||
app
|
||||
:width="miniVariant ? 64 : 280"
|
||||
:width="miniVariant ? 56 : 280"
|
||||
:rail="miniVariant"
|
||||
:expand-on-hover="false"
|
||||
permanent
|
||||
class="enhanced-glass-drawer"
|
||||
>
|
||||
<!-- Enhanced Logo Section -->
|
||||
|
||||
@@ -3,8 +3,10 @@
|
||||
<v-navigation-drawer
|
||||
v-model="drawer"
|
||||
app
|
||||
:width="miniVariant ? 64 : 280"
|
||||
:width="miniVariant ? 56 : 280"
|
||||
:rail="miniVariant"
|
||||
:expand-on-hover="false"
|
||||
permanent
|
||||
class="enhanced-glass-drawer"
|
||||
>
|
||||
<!-- Enhanced Logo Section -->
|
||||
|
||||
@@ -3,8 +3,10 @@
|
||||
<v-navigation-drawer
|
||||
v-model="drawer"
|
||||
app
|
||||
:width="miniVariant ? 64 : 280"
|
||||
:width="miniVariant ? 56 : 280"
|
||||
:rail="miniVariant"
|
||||
:expand-on-hover="false"
|
||||
permanent
|
||||
class="enhanced-glass-drawer"
|
||||
>
|
||||
<!-- Logo Section with Enhanced Glass Effect -->
|
||||
|
||||