diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2023-05-19 13:58:09 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2023-05-19 13:58:09 +0900 |
| commit | 6a5ef5b6f29eee9e36f42ac163f065880cd80e8b (patch) | |
| tree | 4667e309d270252f28bd8b645e3ca85750b89b76 /packages/frontend/src/components/MkModal.vue | |
| parent | :art: (diff) | |
| download | sharkey-6a5ef5b6f29eee9e36f42ac163f065880cd80e8b.tar.gz sharkey-6a5ef5b6f29eee9e36f42ac163f065880cd80e8b.tar.bz2 sharkey-6a5ef5b6f29eee9e36f42ac163f065880cd80e8b.zip | |
refactor
Diffstat (limited to 'packages/frontend/src/components/MkModal.vue')
| -rw-r--r-- | packages/frontend/src/components/MkModal.vue | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/packages/frontend/src/components/MkModal.vue b/packages/frontend/src/components/MkModal.vue index 99df9e8150..a33bb2d0e2 100644 --- a/packages/frontend/src/components/MkModal.vue +++ b/packages/frontend/src/components/MkModal.vue @@ -1,11 +1,11 @@ <template> <Transition :name="transitionName" - :enter-active-class="$style['transition_' + transitionName + '_enterActive']" - :leave-active-class="$style['transition_' + transitionName + '_leaveActive']" - :enter-from-class="$style['transition_' + transitionName + '_enterFrom']" - :leave-to-class="$style['transition_' + transitionName + '_leaveTo']" - :duration="transitionDuration" appear @after-leave="emit('closed')" @enter="emit('opening')" @after-enter="onOpened" + :enterActiveClass="$style['transition_' + transitionName + '_enterActive']" + :leaveActiveClass="$style['transition_' + transitionName + '_leaveActive']" + :enterFromClass="$style['transition_' + transitionName + '_enterFrom']" + :leaveToClass="$style['transition_' + transitionName + '_leaveTo']" + :duration="transitionDuration" appear @afterLeave="emit('closed')" @enter="emit('opening')" @afterEnter="onOpened" > <div v-show="manualShowing != null ? manualShowing : showing" v-hotkey.global="keymap" :class="[$style.root, { [$style.drawer]: type === 'drawer', [$style.dialog]: type === 'dialog', [$style.popup]: type === 'popup' }]" :style="{ zIndex, pointerEvents: (manualShowing != null ? manualShowing : showing) ? 'auto' : 'none', '--transformOrigin': transformOrigin }"> <div data-cy-bg :data-cy-transparent="isEnableBgTransparent" class="_modalBg" :class="[$style.bg, { [$style.bgTransparent]: isEnableBgTransparent }]" :style="{ zIndex }" @click="onBgClick" @mousedown="onBgClick" @contextmenu.prevent.stop="() => {}"></div> |