Fix sidebar collapse functionality in all layouts
Build And Push Image / docker (push) Successful in 2m3s
Details
- 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
|
After Width: | Height: | Size: 560 KiB |
|
After Width: | Height: | Size: 450 KiB |
|
After Width: | Height: | Size: 450 KiB |
|
After Width: | Height: | Size: 414 KiB |
|
After Width: | Height: | Size: 539 KiB |
|
After Width: | Height: | Size: 677 KiB |
|
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 -->
|
||||||
|
|
|
||||||