diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2020-07-12 18:14:59 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2020-07-12 18:14:59 +0900 |
| commit | aae9bc4cf4c583b4d675391fe3da2fa53b7f18e0 (patch) | |
| tree | 744323efd9ec24d0945c209377e12c592a2c415c /src/client/components/modal.vue | |
| parent | fix(locale): Add missing key (diff) | |
| download | sharkey-aae9bc4cf4c583b4d675391fe3da2fa53b7f18e0.tar.gz sharkey-aae9bc4cf4c583b4d675391fe3da2fa53b7f18e0.tar.bz2 sharkey-aae9bc4cf4c583b4d675391fe3da2fa53b7f18e0.zip | |
feat(client): blur effect for modal
Diffstat (limited to 'src/client/components/modal.vue')
| -rw-r--r-- | src/client/components/modal.vue | 8 |
1 files changed, 1 insertions, 7 deletions
diff --git a/src/client/components/modal.vue b/src/client/components/modal.vue index f941d4d503..6ae46d451e 100644 --- a/src/client/components/modal.vue +++ b/src/client/components/modal.vue @@ -1,7 +1,7 @@ <template> <div class="mk-modal" v-hotkey.global="keymap"> <transition :name="$store.state.device.animation ? 'bg-fade' : ''" appear> - <div class="bg" ref="bg" v-if="show" @click="canClose ? close() : () => {}"></div> + <div class="bg _modalBg" ref="bg" v-if="show" @click="canClose ? close() : () => {}"></div> </transition> <transition :name="$store.state.device.animation ? 'modal' : ''" appear @after-leave="() => { $emit('closed'); destroyDom(); }"> <div class="content" ref="content" v-if="show" @click.self="canClose ? close() : () => {}"><slot></slot></div> @@ -60,13 +60,7 @@ export default Vue.extend({ .mk-modal { > .bg { - position: fixed; - top: 0; - left: 0; z-index: 10000; - width: 100%; - height: 100%; - background: var(--modalBg) } > .content { |