aboutsummaryrefslogtreecommitdiff
path: root/src/components/TileInfoModal.vue
diff options
context:
space:
mode:
authorTerry Truong <terry06890@gmail.com>2022-03-25 15:09:02 +1100
committerTerry Truong <terry06890@gmail.com>2022-03-25 15:10:04 +1100
commit655faf508dd9c1d811fbd4ca325a41aa5da4f0b3 (patch)
tree20336277e3564065f4905e19ff8dd955b5262047 /src/components/TileInfoModal.vue
parentaa00b45dd412381ebeabbc47e36497600608286b (diff)
Allow interaction with settings open. Add esc shortcut.
Diffstat (limited to 'src/components/TileInfoModal.vue')
-rw-r--r--src/components/TileInfoModal.vue3
1 files changed, 2 insertions, 1 deletions
diff --git a/src/components/TileInfoModal.vue b/src/components/TileInfoModal.vue
index b9a8376..367546d 100644
--- a/src/components/TileInfoModal.vue
+++ b/src/components/TileInfoModal.vue
@@ -52,7 +52,8 @@ export default defineComponent({
<template>
<div :style="transitionStyles" 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">
+ <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">&times;</div>