fix: modal dialog too wide (#429)

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>

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>