Oliver/Phantom-Ink-Online
0
0
Fork 0
Code Issues Activity

Remove teleport because we're running V2 not V3. Whoops...

Browse source
This commit is contained in:
Oliver-Akins 2020-12-13 17:21:38 -07:00
parent 42d0fe483e
commit 7e30bdba31
1 changed files with 14 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

30
web/src/components/Modal.vue
View file

@ -1,20 +1,18 @@
<template> <template>
<teleport to="body"> <transition name="fade" @after-enter="content = true">
<transition name="fade" @after-enter="content = true"> <div
<div v-if="show"
v-if="show" class="modal-container"
class="modal-container" :class="closable ? 'clickable' : ''"
:class="closable ? 'clickable' : ''" @click.self.stop="handleBackgroundClick"
@click.self.stop="handleBackgroundClick" >
> <transition name="burst" @after-leave="$emit('closed')">
<transition name="burst" @after-leave="$emit('closed')"> <div v-if="content" class="modal unclickable">
<div v-if="content" class="modal unclickable"> <slot />
<slot /> </div>
</div> </transition>
</transition> </div>
</div> </transition>
</transition>
</teleport>
</template> </template>
<script> <script>