From b0fdb816daf70af7b7a0c6780961196d479b779d Mon Sep 17 00:00:00 2001
From: Colin Kallemein <cakallemein@gmail.com>
Date: Sat, 6 Jul 2024 20:32:41 +0200
Subject: [PATCH] Fix interactive elements not working in modal header

---
 src/components/utilities/GmPanel.vue            | 8 ++++----
 src/components/utilities/zoneEditor/Objects.vue | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/utilities/GmPanel.vue b/src/components/utilities/GmPanel.vue
index 7e7745c..efe7877 100644
--- a/src/components/utilities/GmPanel.vue
+++ b/src/components/utilities/GmPanel.vue
@@ -3,10 +3,10 @@
     <template #modalHeader>
       <h3 class="m-0 font-medium shrink-0">GM Panel</h3>
       <div class="flex gap-1.5 flex-wrap">
-        <button class="btn-cyan py-1.5 px-[15px] min-w-[100px]">General</button>
-        <button class="btn-cyan py-1.5 px-[15px] min-w-[100px]">Users</button>
-        <button class="btn-cyan py-1.5 px-[15px] min-w-[100px]">Chats</button>
-        <button class="btn-cyan active py-1.5 px-[15px] min-w-[100px]">Asset manager</button>
+        <button @mousedown.stop class="btn-cyan py-1.5 px-[15px] min-w-[100px]">General</button>
+        <button @mousedown.stop class="btn-cyan py-1.5 px-[15px] min-w-[100px]">Users</button>
+        <button @mousedown.stop class="btn-cyan py-1.5 px-[15px] min-w-[100px]">Chats</button>
+        <button @mousedown.stop class="btn-cyan active py-1.5 px-[15px] min-w-[100px]">Asset manager</button>
       </div>
     </template>
     <template #modalBody>
diff --git a/src/components/utilities/zoneEditor/Objects.vue b/src/components/utilities/zoneEditor/Objects.vue
index 8b396bb..2d2d824 100644
--- a/src/components/utilities/zoneEditor/Objects.vue
+++ b/src/components/utilities/zoneEditor/Objects.vue
@@ -6,7 +6,7 @@
         <div class="flex gap-1.5 flex-wrap">
           <div class="w-full flex flex-col">
             <label class="mb-1.5 font-titles hidden" for="z-index">Z-index</label>
-            <input class="input-cyan" type="number" name="z-index" placeholder="Z-index" />
+            <input @mousedown.stop class="input-cyan" type="number" name="z-index" placeholder="Z-index" />
           </div>
         </div>
       </template>