From 717e87cfa952da23eae543fb4255be45fd069490 Mon Sep 17 00:00:00 2001
From: kuaifan <aipaw@live.cn>
Date: Tue, 4 Nov 2025 12:52:11 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=9B=B4=E6=96=B0=E6=8A=BD=E5=B1=89?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E4=BB=A5=E6=94=AF=E6=8C=81=E6=A8=AA=E5=B1=8F?=
 =?UTF-8?q?=E6=A8=A1=E5=BC=8F=E4=B8=8B=E7=9A=84=E6=9C=80=E5=A4=A7=E5=AE=BD?=
 =?UTF-8?q?=E5=BA=A6=E8=AE=BE=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../assets/js/components/MicroApps/modal.vue    | 16 +++++++++++++++-
 .../assets/sass/components/drawer-overlay.scss  | 17 ++++++++++++-----
 2 files changed, 27 insertions(+), 6 deletions(-)

diff --git a/resources/assets/js/components/MicroApps/modal.vue b/resources/assets/js/components/MicroApps/modal.vue
index bc81d036f..78044bb34 100644
--- a/resources/assets/js/components/MicroApps/modal.vue
+++ b/resources/assets/js/components/MicroApps/modal.vue
@@ -239,6 +239,7 @@ export default {
     --modal-resize-display: block;
     --modal-content-left: auto;
     --modal-content-min-width: auto;
+    --modal-content-max-width: 100%;
     --modal-body-margin: 0;
     --modal-body-border-radius: 0;
     --modal-body-background-color: #ffffff;
@@ -380,7 +381,7 @@ export default {
         flex-direction: column;
         height: 100%;
         min-width: var(--modal-content-min-width);
-        max-width: 100%;
+        max-width: var(--modal-content-max-width);
     }
 
     &-body {
@@ -419,6 +420,19 @@ export default {
     }
 }
 
+// 横屏模式适配
+body.window-landscape {
+    .micro-modal {
+        --modal-content-max-width: calc(100% - 80px);
+    }
+    &.transparent-mode {
+        --modal-content-max-width: 100%;
+    }
+    @media (width < 768px) {
+        --modal-content-max-width: 100%;
+    }
+}
+
 // 深色模式适配
 body.dark-mode-reverse {
     .micro-modal {
diff --git a/resources/assets/sass/components/drawer-overlay.scss b/resources/assets/sass/components/drawer-overlay.scss
index 92d5db520..3b1cbabd9 100644
--- a/resources/assets/sass/components/drawer-overlay.scss
+++ b/resources/assets/sass/components/drawer-overlay.scss
@@ -40,6 +40,7 @@ body {
     --title-color: #303133;
     --content-bg-color: #ffffff;
     --border-radius: 0px;
+    --body-max-width: 100%;
 
     &.file-drawer {
         --margin-top: 40px;
@@ -62,7 +63,7 @@ body {
         flex-direction: column;
         width: 100%;
         height: 100%;
-        max-width: 100%;
+        max-width: var(--body-max-width);
         max-height: 100%;
         position: relative;
 
@@ -189,6 +190,16 @@ body {
     }
 }
 
+body.window-landscape {
+    // 横屏模式下的抽屉样式
+    .common-drawer {
+        --body-max-width: calc(100% - 80px);
+    }
+    // 横屏模式下的全屏抽屉样式
+    .drawer-fullscreen {
+        --body-max-width: 100%;
+    }
+}
 body.dark-mode-reverse {
     // 暗黑模式下的抽屉样式
     .common-drawer {
@@ -196,10 +207,6 @@ body.dark-mode-reverse {
             --close-color: #000000;
         }
     }
-    // 暗黑模式下的全屏抽屉样式
-    .drawer-fullscreen {
-
-    }
 }
 
 // 抽屉动画样式