elk/components/modal/ModalContainer.vue
Lucie 9df9c06f64
feat: image previews (#104)
Co-authored-by: lihbr <lihbr@users.noreply.github.com>
2022-11-26 02:13:44 +08:00

22 lines
750 B
Vue

<script setup lang="ts">
import { isImagePreviewDialogOpen, isPreviewHelpOpen, isPublishDialogOpen, isSigninDialogOpen, isUserSwitcherOpen } from '~/composables/dialog'
</script>
<template>
<ModalDrawer v-model="isUserSwitcherOpen" direction="right">
<UserSwitcher min-w-100 />
</ModalDrawer>
<ModalDialog v-model="isSigninDialogOpen">
<UserSignIn m6 />
</ModalDialog>
<ModalDialog v-model="isPreviewHelpOpen">
<HelpPreview />
</ModalDialog>
<ModalDialog v-model="isPublishDialogOpen">
<PublishWidget draft-key="dialog" expanded min-w-180 />
</ModalDialog>
<ModalDialog v-model="isImagePreviewDialogOpen">
<img :src="imagePreview.src" :alt="imagePreview.alt" max-w-95vw max-h-95vh>
</ModalDialog>
</template>