elk/components/modal/ModalContainer.vue

25 lines
887 B
Vue
Raw Normal View History

2022-11-23 03:48:01 +00:00
<script setup lang="ts">
2022-11-26 05:05:44 +00:00
import { isEditHistoryDialogOpen, isImagePreviewDialogOpen, isPreviewHelpOpen, isPublishDialogOpen, isSigninDialogOpen, isUserSwitcherOpen } from '~/composables/dialog'
2022-11-23 03:48:01 +00:00
</script>
<template>
2022-11-25 13:40:57 +00:00
<ModalDrawer v-model="isUserSwitcherOpen" direction="right">
<UserSwitcher min-w-100 />
2022-11-23 03:48:01 +00:00
</ModalDrawer>
<ModalDialog v-model="isSigninDialogOpen">
2022-11-23 04:25:48 +00:00
<UserSignIn m6 />
2022-11-23 03:48:01 +00:00
</ModalDialog>
2022-11-24 02:38:14 +00:00
<ModalDialog v-model="isPreviewHelpOpen">
<HelpPreview />
</ModalDialog>
2022-11-24 08:04:53 +00:00
<ModalDialog v-model="isPublishDialogOpen">
<PublishWidget draft-key="dialog" expanded min-w-180 />
2022-11-24 08:04:53 +00:00
</ModalDialog>
<ModalDialog v-model="isImagePreviewDialogOpen">
<img :src="imagePreview.src" :alt="imagePreview.alt" max-w-95vw max-h-95vh>
</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>