diff --git a/src/vitals/web/app.py b/src/vitals/web/app.py index 5301f5c..bd4bfff 100644 --- a/src/vitals/web/app.py +++ b/src/vitals/web/app.py @@ -2359,10 +2359,38 @@ def get_login_page_html() -> str: color: #164E63; } - /* 响应式 */ - @media (max-width: 480px) { + /* 移动端适配 */ + @media (max-width: 768px) { + body { + padding: 16px; + } + .login-card { - padding: 36px 24px; + width: 100%; + max-width: none; + box-shadow: none; + padding: 32px 20px; + } + + .form-group input { + height: 48px; + font-size: 16px; /* 防止 iOS 缩放 */ + padding: 14px 16px; + } + + .btn { + height: 48px; + font-size: 16px; + } + + .logo h1 { + font-size: 1.75rem; + } + } + + @media (max-width: 380px) { + .login-card { + padding: 24px 16px; } } @@ -2691,11 +2719,39 @@ def get_register_page_html() -> str: color: #164E63; } - /* 响应式 */ - @media (max-width: 480px) { + /* 移动端适配 */ + @media (max-width: 768px) { + body { + padding: 16px; + } + .register-card { + width: 100%; + max-width: none; + box-shadow: none; padding: 32px 20px; } + + .form-group input { + height: 48px; + font-size: 16px; /* 防止 iOS 缩放 */ + padding: 14px 16px; + } + + .btn { + height: 48px; + font-size: 16px; + } + + .logo h1 { + font-size: 1.5rem; + } + } + + @media (max-width: 380px) { + .register-card { + padding: 24px 16px; + } } /* 减少动画 */