diff options
| author | Terry Truong <terry06890@gmail.com> | 2022-03-25 19:27:32 +1100 |
|---|---|---|
| committer | Terry Truong <terry06890@gmail.com> | 2022-03-25 19:27:32 +1100 |
| commit | b59e007e6d23483abe8973fe5c21412ddf8709b7 (patch) | |
| tree | 50e83e829719e7a0eacc87826098bfc2cb7e7d10 /src/components/TileInfoModal.vue | |
| parent | 79668e596f6da90530dc695b721a32cd8afcf8cf (diff) | |
Add search enter/escape, and close-icon svgs
Diffstat (limited to 'src/components/TileInfoModal.vue')
| -rw-r--r-- | src/components/TileInfoModal.vue | 10 |
1 files changed, 7 insertions, 3 deletions
diff --git a/src/components/TileInfoModal.vue b/src/components/TileInfoModal.vue index fedd933..812470c 100644 --- a/src/components/TileInfoModal.vue +++ b/src/components/TileInfoModal.vue @@ -33,9 +33,13 @@ export default defineComponent({ <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 w-4/5 top-1/2 -translate-y-1/2 p-4 bg-stone-50 rounded-md shadow shadow-black"> - <div class="absolute top-2 right-2 w-[24px] h-[24px] [font-size:24px] [line-height:24px] text-center - font-bold hover:cursor-pointer" - @click="closeClicked" ref="closeIcon">×</div> + <svg class="block absolute top-2 right-2 w-6 h-6 hover:cursor-pointer" + @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> <h1 class="text-center text-xl font-bold mb-2">{{tolNode.name}}</h1> <hr class="mb-4 border-stone-400"/> <div :style="imgStyles" class="float-left mr-4" alt="an image"></div> |