diff options
| author | Terry Truong <terry06890@gmail.com> | 2022-03-25 15:09:02 +1100 |
|---|---|---|
| committer | Terry Truong <terry06890@gmail.com> | 2022-03-25 15:10:04 +1100 |
| commit | 655faf508dd9c1d811fbd4ca325a41aa5da4f0b3 (patch) | |
| tree | 20336277e3564065f4905e19ff8dd955b5262047 /src/components/Settings.vue | |
| parent | aa00b45dd412381ebeabbc47e36497600608286b (diff) | |
Allow interaction with settings open. Add esc shortcut.
Diffstat (limited to 'src/components/Settings.vue')
| -rw-r--r-- | src/components/Settings.vue | 5 |
1 files changed, 2 insertions, 3 deletions
diff --git a/src/components/Settings.vue b/src/components/Settings.vue index 132fd35..e596e46 100644 --- a/src/components/Settings.vue +++ b/src/components/Settings.vue @@ -38,13 +38,12 @@ export default defineComponent({ </script> <template> -<div :style="{visibility: isOpen ? 'visible' : 'hidden'}" - class="fixed left-0 top-0 w-full h-full bg-black/20 overflow-hidden" +<div class="fixed left-0 top-0 w-full h-full overflow-hidden invisible" @click="closeClicked"> <!-- outer div prevents overflow from transitioning to/from off-screen --> <Transition name="slide-bottom-right"> <div v-if="isOpen" - class="absolute bottom-4 right-4 min-w-[5cm] p-3 bg-stone-50 visible rounded-md shadow-md bg-stone-50"> + class="absolute bottom-4 right-4 min-w-[5cm] p-3 bg-stone-50 visible 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> |