From d73498fa351930a2c83bf47c56cfdd3c8e0cc5b2 Mon Sep 17 00:00:00 2001
From: qian <wuchengqian5@163.com>
Date: Thu, 13 Aug 2026 23:25:00 +0800
Subject: [PATCH] =?UTF-8?q?improve(ui):=E4=BC=98=E5=8C=96=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=E5=90=8E=E5=8F=B0=E7=9A=84=E6=8A=BD=E5=B1=89=E5=9C=A8?=
 =?UTF-8?q?=E7=A7=BB=E5=8A=A8=E7=AB=AF=E7=9A=84=E5=B1=95=E7=A4=BA=E6=95=88?=
 =?UTF-8?q?=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/admin/src/styles/main.css | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/web/admin/src/styles/main.css b/web/admin/src/styles/main.css
index 5293e36..44fd04f 100644
--- a/web/admin/src/styles/main.css
+++ b/web/admin/src/styles/main.css
@@ -517,3 +517,18 @@ body {
 .arco-drawer-wrapper .arco-drawer {
   border-radius: 0 var(--ta-radius-xl) var(--ta-radius-xl) 0;
 }
+
+/* 移动端弹层自适应：固定宽度统一收口，避免溢出可视区（断点与 useIsMobile 的 768 对齐） */
+@media (max-width: 767px) {
+  /* 抽屉整屏铺满 */
+  .arco-drawer {
+    width: 100% !important;
+    max-width: 100% !important;
+  }
+  /* 模态框左右各留 16px 边距，更符合模态语义，并顶部留白 */
+  .arco-modal {
+    width: calc(100vw - 32px) !important;
+    max-width: 100% !important;
+    top: 16px;
+  }
+}