From 153e43647018240dbd8088a51d526c2f9f2099e9 Mon Sep 17 00:00:00 2001
From: Ayaka Rizumu <464388324@qq.com>
Date: Fri, 2 Dec 2022 16:01:56 +0800
Subject: [PATCH] fix: modal dialog style (#286)

---
 components/modal/ModalDialog.vue | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/components/modal/ModalDialog.vue b/components/modal/ModalDialog.vue
index 49dcb6d0..4848c119 100644
--- a/components/modal/ModalDialog.vue
+++ b/components/modal/ModalDialog.vue
@@ -160,9 +160,7 @@ export default {
             <!-- Dialog it self -->
             <div
               ref="elDialogMain"
-              class="dialog-main"
-              rounded shadow-lg pointer-events-auto isolate bg-base
-              border="~ base" max-h-full flex flex-col
+              class="dialog-main w-full rounded shadow-lg pointer-events-auto isolate bg-base border-base border-1px border-solid w-full max-w-125 max-h-full flex flex-col"
               v-bind="bindTypeToAny($attrs)"
             >
               <!-- header -->
@@ -170,7 +168,7 @@ export default {
               <!-- main -->
               <div
                 ref="elDialogScroll"
-                overflow-y-auto touch-pan-y touch-pan-x overscroll-none
+                class="overflow-y-auto touch-pan-y touch-pan-x overscroll-none flex-1"
                 :class="customClass"
               >
                 <slot />