From 48f9e71d83dcbd752974a8748297c5722edadb3d Mon Sep 17 00:00:00 2001
From: Ayaka Rizumu <464388324@qq.com>
Date: Wed, 14 Dec 2022 21:22:35 +0800
Subject: [PATCH] fix: modal dialog too wide (#429)

---
 components/modal/ModalContainer.vue  | 4 ++--
 components/publish/PublishWidget.vue | 3 +--
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/components/modal/ModalContainer.vue b/components/modal/ModalContainer.vue
index fa92092b..4f884568 100644
--- a/components/modal/ModalContainer.vue
+++ b/components/modal/ModalContainer.vue
@@ -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>
diff --git a/components/publish/PublishWidget.vue b/components/publish/PublishWidget.vue
index af29e2e0..143a7d8d 100644
--- a/components/publish/PublishWidget.vue
+++ b/components/publish/PublishWidget.vue
@@ -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>