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; + } +}