fabio286/antares
1
1
Fork 0
mirror of https://github.com/Fabio286/antares.git synced 2025-03-10 00:10:16 +01:00
Code Issues Releases Wiki Activity

fix: can not use vue teleport with props as root element

Browse Source
This commit is contained in:
Giulio Ganci 2022-04-25 22:51:24 +02:00
parent b0195260c3
commit 88eb9f7ab8
1 changed files with 40 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

78
src/renderer/components/BaseConfirmModal.vue
View File

@ -1,47 +1,49 @@
<template> <template>
<Teleport to="#window-content"> <div class="dummy-wrapper">
<div class="modal active" :class="modalSizeClass"> <Teleport to="#window-content">
<a class="modal-overlay" @click="hideModal" /> <div class="modal active" :class="modalSizeClass">
<div class="modal-container"> <a class="modal-overlay" @click="hideModal" />
<div v-if="hasHeader" class="modal-header pl-2"> <div class="modal-container">
<div class="modal-title h6"> <div v-if="hasHeader" class="modal-header pl-2">
<slot name="header" /> <div class="modal-title h6">
<slot name="header" />
</div>
<a class="btn btn-clear float-right" @click="hideModal" />
</div> </div>
<a class="btn btn-clear float-right" @click="hideModal" /> <div v-if="hasDefault" class="modal-header">
</div> <div class="modal-title h6">
<div v-if="hasDefault" class="modal-header"> <slot />
<div class="modal-title h6"> </div>
<slot /> <a class="btn btn-clear float-right" @click="hideModal" />
</div> </div>
<a class="btn btn-clear float-right" @click="hideModal" /> <div v-if="hasBody" class="modal-body">
</div> <a
<div v-if="hasBody" class="modal-body"> v-if="!hasHeader && !hasDefault"
<a class="btn btn-clear float-right"
v-if="!hasHeader && !hasDefault" @click="hideModal"
class="btn btn-clear float-right" />
@click="hideModal" <div class="content">
/> <slot name="body" />
<div class="content"> </div>
<slot name="body" /> </div>
<div v-if="!hideFooter" class="modal-footer pt-0">
<button
class="btn btn-primary mr-2"
@click.stop="confirmModal"
>
{{ confirmText || $t('word.confirm') }}
</button>
<button
class="btn btn-link"
@click="hideModal"
>
{{ cancelText || $t('word.cancel') }}
</button>
</div> </div>
</div>
<div v-if="!hideFooter" class="modal-footer pt-0">
<button
class="btn btn-primary mr-2"
@click.stop="confirmModal"
>
{{ confirmText || $t('word.confirm') }}
</button>
<button
class="btn btn-link"
@click="hideModal"
>
{{ cancelText || $t('word.cancel') }}
</button>
</div> </div>
</div> </div>
</div> </Teleport>
</Teleport> </div>
</template> </template>
<script> <script>