zio/elk
2
0
Fork 0
Code Releases 2 Packages 1 Activity

feat: preview multiple images

Browse source
This commit is contained in:
Anthony Fu 2022-11-30 11:27:19 +08:00
parent 568a333d7c
commit cf7cd1fd6c
7 changed files with 92 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

6
components/modal/ModalContainer.vue
View file

@ -1,7 +1,7 @@
<script setup lang="ts">
import {
isEditHistoryDialogOpen,
isImagePreviewDialogOpen,
isMediaPreviewOpen,
isPreviewHelpOpen,
isPublishDialogOpen,
isSigninDialogOpen,
@ -18,8 +18,8 @@ import {
<ModalDialog v-model="isPublishDialogOpen">
<PublishWidget :draft-key="dialogDraftKey" expanded min-w-180 />
</ModalDialog>
<ModalDialog v-model="isImagePreviewDialogOpen" type="preview">
<img :src="imagePreview.src" :alt="imagePreview.alt" max-w-95vw max-h-95vh>
<ModalDialog v-model="isMediaPreviewOpen" close-button>
<ModalMediaPreview v-if="isMediaPreviewOpen" @close="closeMediaPreview()" />
</ModalDialog>
<ModalDialog v-model="isEditHistoryDialogOpen">
<StatusEditPreview :edit="statusEdit" />