Rocky/DDUp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 登录/注册页面移动端适配

Browse Source 
- 768px 断点响应式布局
- 输入框高度48px, font-size 16px 防止 iOS 缩放
- 按钮符合触摸标准
- 小屏幕进一步优化间距

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
liweiliang0905@gmail.com
2026-01-23 17:46:51 +08:00
parent 094aab5ba2
commit 49abeaeff6
1 changed files with 61 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
src/vitals/web/app.py
View File

@@ -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;
}
}
/* 减少动画 */