From 4ec82317ea78b8185efdd9b4de7601109a65e278 Mon Sep 17 00:00:00 2001
From: root <root@adhd.sh>
Date: Sun, 23 Nov 2025 15:11:53 +0100
Subject: [PATCH] [FEAT] Tab bug fix

---
 src/App.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index e1bf644..1b63c3f 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -278,9 +278,11 @@
 
             <!-- Tab Content -->
             <div class="p-6 overflow-y-auto overflow-x-hidden max-h-[calc(100vh-260px)] min-w-0">
-              <div class="max-w-full">
-                <sprite-canvas v-show="activeTab === 'canvas'" :layers="layers" :active-layer-id="activeLayerId" :columns="columns" @update-sprite="updateSpritePosition" @update-sprite-cell="updateSpriteCell" @remove-sprite="removeSprite" @replace-sprite="replaceSprite" @add-sprite="addSprite" />
-                <sprite-preview v-show="activeTab === 'preview'" :layers="layers" :active-layer-id="activeLayerId" :columns="columns" @update-sprite="updateSpritePosition" @update-sprite-in-layer="updateSpriteInLayer" />
+              <div v-if="activeTab === 'canvas'" class="max-w-full">
+                <sprite-canvas :layers="layers" :active-layer-id="activeLayerId" :columns="columns" @update-sprite="updateSpritePosition" @update-sprite-cell="updateSpriteCell" @remove-sprite="removeSprite" @replace-sprite="replaceSprite" @add-sprite="addSprite" />
+              </div>
+              <div v-if="activeTab === 'preview'" class="max-w-full">
+                <sprite-preview :layers="layers" :active-layer-id="activeLayerId" :columns="columns" @update-sprite="updateSpritePosition" @update-sprite-in-layer="updateSpriteInLayer" />
               </div>
             </div>
           </div>