diff options
| author | Terry Truong <terry06890@gmail.com> | 2022-03-26 13:26:58 +1100 |
|---|---|---|
| committer | Terry Truong <terry06890@gmail.com> | 2022-03-26 14:14:59 +1100 |
| commit | 329727c042b3b590faece8706502590c8a53b75d (patch) | |
| tree | 0fc34b30f2ed80ec33bca18e1066ad1bf196e9b4 /src/components | |
| parent | a96a3344e0a2bde0a691dcebf90e16dc599fe3f9 (diff) | |
Remove close button from search bar
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/SearchModal.vue | 11 | ||||
| -rw-r--r-- | src/components/TileTree.vue | 6 |
2 files changed, 6 insertions, 11 deletions
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"/> |