From 352ec3fad8ea44f8cbd4c942a01f1fd26e5d5a45 Mon Sep 17 00:00:00 2001
From: Dennis Postma <dennis@directonline.io>
Date: Fri, 18 Oct 2024 17:55:58 +0200
Subject: [PATCH] Moved search input into modal

---
 .../gameMaster/zoneEditor/partials/ObjectList.vue      | 10 +++-------
 .../gameMaster/zoneEditor/partials/TileList.vue        |  6 +++---
 2 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/src/components/gameMaster/zoneEditor/partials/ObjectList.vue b/src/components/gameMaster/zoneEditor/partials/ObjectList.vue
index 6bb3992..3bc95dc 100644
--- a/src/components/gameMaster/zoneEditor/partials/ObjectList.vue
+++ b/src/components/gameMaster/zoneEditor/partials/ObjectList.vue
@@ -3,20 +3,16 @@
     <Modal :isModalOpen="zoneEditorStore.isObjectListModalShown" :modal-width="645" :modal-height="260" @modal:close="() => (zoneEditorStore.isObjectListModalShown = false)">
       <template #modalHeader>
         <h3 class="text-lg text-white">Objects</h3>
-        <div class="flex">
+      </template>
+      <template #modalBody>
+        <div class="flex pt-4 pl-4">
           <div class="w-full flex gap-1.5 flex-row">
             <div>
               <label class="mb-1.5 font-titles hidden" for="search">Search...</label>
               <input @mousedown.stop class="input-field" type="text" name="search" placeholder="Search" v-model="searchQuery" />
             </div>
-            <!--            <div>-->
-            <!--              <label class="mb-1.5 font-titles hidden" for="depth">Depth</label>-->
-            <!--              <input v-model="objectDepth" @mousedown.stop class="input-field" type="number" name="depth" placeholder="Depth" />-->
-            <!--            </div>-->
           </div>
         </div>
-      </template>
-      <template #modalBody>
         <div class="flex flex-col h-full p-4">
           <div class="mb-4 flex flex-wrap gap-2">
             <button v-for="tag in uniqueTags" :key="tag" @click="toggleTag(tag)" class="btn-cyan" :class="{ 'opacity-50': !selectedTags.includes(tag) }">
diff --git a/src/components/gameMaster/zoneEditor/partials/TileList.vue b/src/components/gameMaster/zoneEditor/partials/TileList.vue
index 5ebf7b7..695641b 100644
--- a/src/components/gameMaster/zoneEditor/partials/TileList.vue
+++ b/src/components/gameMaster/zoneEditor/partials/TileList.vue
@@ -3,7 +3,9 @@
     <Modal :isModalOpen="zoneEditorStore.isTileListModalShown" :modal-width="645" :modal-height="600" @modal:close="() => (zoneEditorStore.isTileListModalShown = false)">
       <template #modalHeader>
         <h3 class="text-lg text-white">Tiles</h3>
-        <div class="flex">
+      </template>
+      <template #modalBody>
+        <div class="flex pt-4 pl-4">
           <div class="w-full flex gap-1.5 flex-row">
             <div>
               <label class="mb-1.5 font-titles hidden" for="search">Search...</label>
@@ -11,8 +13,6 @@
             </div>
           </div>
         </div>
-      </template>
-      <template #modalBody>
         <div class="flex flex-col h-full p-4">
           <div class="mb-4 flex flex-wrap gap-2">
             <button v-for="tag in uniqueTags" :key="tag" @click="toggleTag(tag)" class="btn-cyan" :class="{ 'opacity-50': !selectedTags.includes(tag) }">