From b7b0ed6e1669496feb76c435280288f2b99f3297 Mon Sep 17 00:00:00 2001
From: Robert Kossessa <github@kosro.de>
Date: Wed, 7 Feb 2024 00:59:10 +0100
Subject: [PATCH] FIX: ConfigPane size

---
 src/App.vue                            | 2 +-
 src/components/common/PaletteInput.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index ec1f3f5..ca2413c 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -27,7 +27,7 @@ store.fetchProfiles()
         <Transition name="slide-right">
           <ConfigPane
             v-if="store.connected"
-            class="flex-1 flex flex-col border-solid border-0 border-l bg-zinc-900 bg-opacity-50" />
+            class="flex-1 max-w-full flex flex-col border-solid border-0 border-l bg-zinc-900 bg-opacity-50" />
         </Transition>
       </div>
     </div>
diff --git a/src/components/common/PaletteInput.vue b/src/components/common/PaletteInput.vue
index e90a581..07400a3 100644
--- a/src/components/common/PaletteInput.vue
+++ b/src/components/common/PaletteInput.vue
@@ -6,7 +6,7 @@
       class="flex font-heading rounded-t-lg overflow-hidden border-t border-x border-zinc-800 bg-zinc-900">
       <button
         v-for="(option, key) in options" :key="key"
-        class="flex-1 py-2 items-center text-center rounded-t-lg min-w-0"
+        class="flex-1 py-2 items-center text-center rounded-t-lg min-w-0 transition-colors"
         :class="currentOption!==key ? 'hover:bg-zinc-800 text-muted-foreground' : 'text-black bg-zinc-300 hover:bg-zinc-200'"
         @click="currentOption = key">
         {{ $t(option.titleKey) }}