elk/components/modal/ModalContainer.vue

33 lines
923 B
Vue
Raw Normal View History

2022-11-23 03:48:01 +00:00
<script setup lang="ts">
2022-11-27 01:52:46 +00:00
import {
isEditHistoryDialogOpen,
2022-11-30 03:27:19 +00:00
isMediaPreviewOpen,
2022-11-27 01:52:46 +00:00
isPreviewHelpOpen,
isPublishDialogOpen,
isSigninDialogOpen,
} from '~/composables/dialog'
2022-11-23 03:48:01 +00:00
</script>
<template>
2022-12-02 07:27:44 +00:00
<ModalDialog v-model="isSigninDialogOpen" py-4 px-8>
2022-12-02 07:02:44 +00:00
<UserSignIn />
2022-11-23 03:48:01 +00:00
</ModalDialog>
2022-12-02 07:02:44 +00:00
<ModalDialog v-model="isPreviewHelpOpen">
2022-11-27 03:13:39 +00:00
<HelpPreview @close="closePreviewHelp()" />
2022-11-24 02:38:14 +00:00
</ModalDialog>
<ModalDialog v-model="isPublishDialogOpen" max-w-180 flex>
<PublishWidget :draft-key="dialogDraftKey" expanded flex-1 />
2022-11-24 08:04:53 +00:00
</ModalDialog>
<ModalDialog
v-model="isMediaPreviewOpen"
pointer-events-none
w-full max-w-full h-full max-h-full
bg-transparent border-0 shadow-none
>
2022-11-30 03:27:19 +00:00
<ModalMediaPreview v-if="isMediaPreviewOpen" @close="closeMediaPreview()" />
</ModalDialog>
2022-11-26 05:05:44 +00:00
<ModalDialog v-model="isEditHistoryDialogOpen">
<StatusEditPreview :edit="statusEdit" />
</ModalDialog>
2022-11-23 03:48:01 +00:00
</template>