From 7af6603bf362db612315e270cbcbdaaa8f6274a8 Mon Sep 17 00:00:00 2001
From: Alexander Brown <448862+DrJKL@users.noreply.github.com>
Date: Sat, 17 Jan 2026 15:57:34 -0800
Subject: [PATCH] fix: use fixed rem units for grid columns to enable animation

---
 src/components/widget/layout/BaseModalLayout.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/widget/layout/BaseModalLayout.vue b/src/components/widget/layout/BaseModalLayout.vue
index fe6ef0650..5721b7615 100644
--- a/src/components/widget/layout/BaseModalLayout.vue
+++ b/src/components/widget/layout/BaseModalLayout.vue
@@ -7,8 +7,8 @@
       class="grid h-full w-full transition-[grid-template-columns] duration-300 ease-out"
       :style="gridStyle"
     >
-      <nav v-if="hasLeftPanel" class="overflow-hidden">
-        <div class="min-w-40 max-w-56">
+      <nav class="overflow-hidden">
+        <div v-if="hasLeftPanel" class="min-w-40 max-w-56">
           <slot name="leftPanel" />
         </div>
       </nav>
@@ -147,7 +147,7 @@ const showLeftPanel = computed(() => {
 })
 
 const gridStyle = computed(() => ({
-  gridTemplateColumns: `${hasLeftPanel.value && showLeftPanel.value ? 'minmax(10rem,14rem)' : '0fr'} 1fr ${isRightPanelOpen.value ? '18rem' : '0fr'}`
+  gridTemplateColumns: `${hasLeftPanel.value && showLeftPanel.value ? '14rem' : '0rem'} 1fr ${isRightPanelOpen.value ? '18rem' : '0rem'}`
 }))
 
 const toggleLeftPanel = () => {