From 329727c042b3b590faece8706502590c8a53b75d Mon Sep 17 00:00:00 2001
From: Terry Truong <terry06890@gmail.com>
Date: Sat, 26 Mar 2022 13:26:58 +1100
Subject: Remove close button from search bar

---
 src/components/SearchModal.vue | 11 ++---------
 src/components/TileTree.vue    |  6 ++++--
 2 files changed, 6 insertions(+), 11 deletions(-)

(limited to 'src')

diff --git a/src/components/SearchModal.vue b/src/components/SearchModal.vue
index 6f60893..6163d88 100644
--- a/src/components/SearchModal.vue
+++ b/src/components/SearchModal.vue
@@ -37,23 +37,16 @@ export default defineComponent({
 
 <template>
 <div class="fixed left-0 top-0 w-full h-full bg-black/40" @click="closeClicked">
-	<div class="absolute left-1/2 -translate-x-1/2 top-1/2 -translate-y-1/2 p-4
+	<div class="absolute left-1/2 -translate-x-1/2 top-1/2 -translate-y-1/2 p-3
 		bg-stone-50 rounded-md shadow shadow-black flex gap-1">
 		<input type="text" class="block border"
 			@keyup.enter="onSearchEnter" @keyup.esc="closeClicked" ref="searchInput"/>
-		<svg class="block w-7 h-7 border rounded hover:cursor-pointer hover:bg-stone-200" @click="onSearchEnter"
+		<svg class="block w-6 h-6 ml-1 hover:cursor-pointer hover:bg-stone-200" @click="onSearchEnter"
 			xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"
 			stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
 		  <circle cx="11" cy="11" r="8"/>
 		  <line x1="21" y1="21" x2="16.65" y2="16.65"/>
 		</svg>
-		<svg class="block w-7 h-7 border rounded hover:cursor-pointer hover:bg-stone-200"
-			@click="closeClicked" ref="closeIcon"
-			xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"
-			stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-		  <line x1="18" y1="6" x2="6" y2="18"/>
-		  <line x1="6" y1="6" x2="18" y2="18"/>
-		</svg>
 	</div>
 </div>
 </template>
diff --git a/src/components/TileTree.vue b/src/components/TileTree.vue
index 8e61d67..6dde18b 100644
--- a/src/components/TileTree.vue
+++ b/src/components/TileTree.vue
@@ -366,13 +366,15 @@ export default defineComponent({
 	  <circle cx="11" cy="11" r="8"/>
 	  <line x1="21" y1="21" x2="16.65" y2="16.65"/>
 	</svg>
-	<svg class="absolute top-[6px] right-[30px] w-[18px] h-[18px] text-white/40 hover:text-white hover:cursor-pointer"
+	<svg
+		class="absolute top-[6px] right-[30px] w-[18px] h-[18px] text-white/40 hover:text-white hover:cursor-pointer"
 		xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"
 		stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
 		<circle cx="12" cy="12" r="10"/>
 		<polygon points="10 8 16 12 10 16 10 8"/>
 	</svg>
-	<svg class="absolute top-[6px] right-[6px] w-[18px] h-[18px] text-white/40 hover:text-white hover:cursor-pointer"
+	<svg
+		class="absolute top-[6px] right-[6px] w-[18px] h-[18px] text-white/40 hover:text-white hover:cursor-pointer"
 		xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"
 		stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
 		<circle cx="12" cy="12" r="10"/>
-- 
cgit v1.2.3