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-navigation-drawer
|
||||||
v-model="drawer"
|
v-model="drawer"
|
||||||
app
|
app
|
||||||
:width="miniVariant ? 64 : 280"
|
:width="miniVariant ? 56 : 280"
|
||||||
:rail="miniVariant"
|
:rail="miniVariant"
|
||||||
|
:expand-on-hover="false"
|
||||||
|
permanent
|
||||||
class="enhanced-glass-drawer"
|
class="enhanced-glass-drawer"
|
||||||
>
|
>
|
||||||
<!-- Enhanced Logo Section -->
|
<!-- Enhanced Logo Section -->
|
||||||
|
|||||||
@@ -3,8 +3,10 @@
|
|||||||
<v-navigation-drawer
|
<v-navigation-drawer
|
||||||
v-model="drawer"
|
v-model="drawer"
|
||||||
app
|
app
|
||||||
:width="miniVariant ? 64 : 280"
|
:width="miniVariant ? 56 : 280"
|
||||||
:rail="miniVariant"
|
:rail="miniVariant"
|
||||||
|
:expand-on-hover="false"
|
||||||
|
permanent
|
||||||
class="enhanced-glass-drawer"
|
class="enhanced-glass-drawer"
|
||||||
>
|
>
|
||||||
<!-- Enhanced Logo Section -->
|
<!-- Enhanced Logo Section -->
|
||||||
|
|||||||
@@ -3,8 +3,10 @@
|
|||||||
<v-navigation-drawer
|
<v-navigation-drawer
|
||||||
v-model="drawer"
|
v-model="drawer"
|
||||||
app
|
app
|
||||||
:width="miniVariant ? 64 : 280"
|
:width="miniVariant ? 56 : 280"
|
||||||
:rail="miniVariant"
|
:rail="miniVariant"
|
||||||
|
:expand-on-hover="false"
|
||||||
|
permanent
|
||||||
class="enhanced-glass-drawer"
|
class="enhanced-glass-drawer"
|
||||||
>
|
>
|
||||||
<!-- Logo Section with Enhanced Glass Effect -->
|
<!-- Logo Section with Enhanced Glass Effect -->
|
||||||
|
|||||||