fix: modal dialog too wide (#429)

zio/stable
Ayaka Rizumu 2022-12-14 21:22:35 +08:00 committed by GitHub
parent 5bfa9f4bdc
commit 48f9e71d83
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 4 deletions

View File

@ -29,7 +29,7 @@ useEventListener('keydown', (e: KeyboardEvent) => {
</script>
<template>
<ModalDialog v-model="isSigninDialogOpen" py-4 px-8>
<ModalDialog v-model="isSigninDialogOpen" py-4 px-8 max-w-125>
<UserSignIn />
</ModalDialog>
<ModalDialog v-model="isPreviewHelpOpen" max-w-125>
@ -47,7 +47,7 @@ useEventListener('keydown', (e: KeyboardEvent) => {
>
<ModalMediaPreview v-if="isMediaPreviewOpen" @close="closeMediaPreview()" />
</ModalDialog>
<ModalDialog v-model="isEditHistoryDialogOpen">
<ModalDialog v-model="isEditHistoryDialogOpen" max-w-125>
<StatusEditPreview :edit="statusEdit" />
</ModalDialog>
<ModalDialog v-model="isCommandPanelOpen" max-w-fit flex>

View File

@ -189,8 +189,7 @@ const { isOverDropZone } = useDropZone(dropZoneRef, onDrop)
<div relative flex-1 flex flex-col>
<EditorContent
:editor="editor"
flex
class="max-w-100%"
flex max-w-full
:class="shouldExpanded ? 'min-h-30 md:max-h-[calc(100vh-200px)] sm:max-h-[calc(100vh-400px)] max-h-35 of-y-auto overscroll-contain' : ''"
/>
<div v-if="shouldExpanded" absolute right-0 bottom-0 pointer-events-none text-sm text-secondary-light>