fix: modal dialog too wide (#429)

This commit is contained in:
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> </script>
<template> <template>
<ModalDialog v-model="isSigninDialogOpen" py-4 px-8> <ModalDialog v-model="isSigninDialogOpen" py-4 px-8 max-w-125>
<UserSignIn /> <UserSignIn />
</ModalDialog> </ModalDialog>
<ModalDialog v-model="isPreviewHelpOpen" max-w-125> <ModalDialog v-model="isPreviewHelpOpen" max-w-125>
@ -47,7 +47,7 @@ useEventListener('keydown', (e: KeyboardEvent) => {
> >
<ModalMediaPreview v-if="isMediaPreviewOpen" @close="closeMediaPreview()" /> <ModalMediaPreview v-if="isMediaPreviewOpen" @close="closeMediaPreview()" />
</ModalDialog> </ModalDialog>
<ModalDialog v-model="isEditHistoryDialogOpen"> <ModalDialog v-model="isEditHistoryDialogOpen" max-w-125>
<StatusEditPreview :edit="statusEdit" /> <StatusEditPreview :edit="statusEdit" />
</ModalDialog> </ModalDialog>
<ModalDialog v-model="isCommandPanelOpen" max-w-fit flex> <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> <div relative flex-1 flex flex-col>
<EditorContent <EditorContent
:editor="editor" :editor="editor"
flex flex max-w-full
class="max-w-100%"
: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' : ''" :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> <div v-if="shouldExpanded" absolute right-0 bottom-0 pointer-events-none text-sm text-secondary-light>