From 4631b0197872fb7377897ce1c3a89d81ceee3ef8 Mon Sep 17 00:00:00 2001
From: Robert Kossessa <github@kosro.de>
Date: Tue, 6 Feb 2024 21:01:15 +0100
Subject: [PATCH] FIX: Disconnect panel hide

---
 src/App.vue | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 55c317c..84b4104 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -14,14 +14,18 @@ store.fetchProfiles()
   <main class="select-none w-screen h-screen flex flex-col">
     <Navbar class="flex-none" />
     <div class="flex-1 min-h-0 flex flex-row justify-center">
-      <ProfileManager
-        :class="{'invisible': !store.connected }"
-        class="basis-1/3 min-w-60 flex-1 flex flex-col border-solid border-0 border-r bg-zinc-900 bg-opacity-50" />
+      <div class="basis-1/3 min-w-60 flex-1 flex">
+        <ProfileManager
+          v-if="store.connected"
+          class="flex-1 flex flex-col border-solid border-0 border-r bg-zinc-900 bg-opacity-50" />
+      </div>
       <DevicePreview
         class="basis-1/3 flex-col flex" />
-      <ConfigPane
-        :class="{'invisible': !store.connected }"
-        class="flex-1 basis-2/5 flex flex-col border-solid border-0 border-l bg-zinc-900 bg-opacity-50" />
+      <div class="basis-2/5 flex-1 flex">
+        <ConfigPane
+          v-if="store.connected"
+          class="flex-1 flex flex-col border-solid border-0 border-l bg-zinc-900 bg-opacity-50" />
+      </div>
     </div>
   </main>
 </template>
\ No newline at end of file