From 52c10a6c1bd3c9a93f1ee9ef7f2d4068dc580263 Mon Sep 17 00:00:00 2001
From: Matt <matt@letsbe.solutions>
Date: Sun, 31 Aug 2025 22:42:15 +0200
Subject: [PATCH] Fix navigation drawer collapse functionality in all layouts
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Replace dynamic width binding with static width and rail-width props
- Remove Vuetify 2 pattern (:width="miniVariant ? 56 : 280")
- Add Vuetify 3 compatible props (width="280" rail-width="56")
- Applied fix to admin.vue, board.vue, and member.vue layouts
- Sidebar now properly collapses to rail mode when toggled

🤖 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>
---
 .claude/settings.local.json | 3 ++-
 layouts/admin.vue           | 3 ++-
 layouts/board.vue           | 3 ++-
 layouts/member.vue          | 3 ++-
 4 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/.claude/settings.local.json b/.claude/settings.local.json
index d024dd8..dbe50b5 100644
--- a/.claude/settings.local.json
+++ b/.claude/settings.local.json
@@ -40,7 +40,8 @@
       "mcp__serena__find_referencing_symbols",
       "mcp__zen__thinkdeep",
       "mcp__serena__insert_after_symbol",
-      "mcp__serena__replace_symbol_body"
+      "mcp__serena__replace_symbol_body",
+      "mcp__playwright__browser_fill_form"
     ],
     "deny": [],
     "ask": []
diff --git a/layouts/admin.vue b/layouts/admin.vue
index 5b82ef2..b1a95ef 100644
--- a/layouts/admin.vue
+++ b/layouts/admin.vue
@@ -5,7 +5,8 @@
       :rail="miniVariant"
       :expand-on-hover="false"
       permanent
-      :width="miniVariant ? 56 : 280"
+      width="280"
+      rail-width="56"
       class="enhanced-glass-drawer"
     >
       <!-- Enhanced Logo Section -->
diff --git a/layouts/board.vue b/layouts/board.vue
index 4b36ee9..0508f7d 100644
--- a/layouts/board.vue
+++ b/layouts/board.vue
@@ -5,7 +5,8 @@
       :rail="miniVariant"
       :expand-on-hover="false"
       permanent
-      :width="miniVariant ? 56 : 280"
+      width="280"
+      rail-width="56"
       class="enhanced-glass-drawer"
     >
       <!-- Enhanced Logo Section -->
diff --git a/layouts/member.vue b/layouts/member.vue
index 943d44d..9d788da 100644
--- a/layouts/member.vue
+++ b/layouts/member.vue
@@ -5,7 +5,8 @@
       :rail="miniVariant"
       :expand-on-hover="false"
       permanent
-      :width="miniVariant ? 56 : 280"
+      width="280"
+      rail-width="56"
       class="enhanced-glass-drawer"
     >
       <!-- Logo Section with Enhanced Glass Effect -->