feat: 注册和登录兼容h5

src/components/Auth/AuthModalManager.js

@@ -23,10 +23,30 @@ export default function AuthModalManager() {
 
   // 响应式尺寸配置
   const modalSize = useBreakpointValue({
-    base: "full",    // 移动端：全屏
-    sm: "xl",        // 小屏：xl
-    md: "2xl",       // 中屏：2xl
-    lg: "4xl"        // 大屏：4xl
+    base: "md",      // 移动端：md（不占满全屏）
+    sm: "md",        // 小屏：md
+    md: "lg",        // 中屏：lg
+    lg: "xl"         // 大屏：xl（更紧凑）
+  });
+
+  // 响应式宽度配置
+  const modalMaxW = useBreakpointValue({
+    base: "90%",     // 移动端：屏幕宽度的90%
+    sm: "90%",       // 小屏：90%
+    md: "700px",     // 中屏：固定700px
+    lg: "700px"      // 大屏：固定700px
+  });
+
+  // 响应式水平边距
+  const modalMx = useBreakpointValue({
+    base: 4,         // 移动端：左右各16px边距
+    md: "auto"       // 桌面端：自动居中
+  });
+
+  // 响应式垂直边距
+  const modalMy = useBreakpointValue({
+    base: 8,         // 移动端：上下各32px边距
+    md: 8            // 桌面端：上下各32px边距
   });
 
   // 条件渲染：只在打开时才渲染 Modal，避免创建不必要的 Portal
@@ -56,8 +76,9 @@ export default function AuthModalManager() {
         bg="white"
         boxShadow="2xl"
         borderRadius="2xl"
-        maxW={modalSize === "full" ? "100%" : "900px"}
-        my={modalSize === "full" ? 0 : 8}
+        maxW={modalMaxW}
+        mx={modalMx}
+        my={modalMy}
         position="relative"
       >
         {/* 关闭按钮 */}
@@ -75,7 +96,7 @@ export default function AuthModalManager() {
         />
 
         {/* 弹窗主体内容 */}
-        <ModalBody p={8}>
+        <ModalBody p={6}>
           <AuthFormContent />
         </ModalBody>
       </ModalContent>