fix: 修复登录页面按钮溢出问题(方案 A)

修改内容:
- .login-card 左右内边距 40rpx → 32rpx
- .login-card 添加 box-sizing: border-box
- .btn-primary 添加 padding: 0 和 box-sizing: border-box
- .code-row 添加 box-sizing: border-box

确保所有容器和按钮在小屏幕上不溢出

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-07 18:46:40 +08:00
parent 103ec9fa32
commit 5b869309dd
+5 -1
View File
@@ -212,7 +212,8 @@ const handleLogin = async () => {
backdrop-filter: blur(40rpx);
border: 1px solid rgba(168, 85, 247, 0.15);
border-radius: 48rpx;
padding: 48rpx 40rpx;
padding: 48rpx 32rpx;
box-sizing: border-box;
}
.header {
@@ -275,6 +276,7 @@ const handleLogin = async () => {
gap: 16rpx;
align-items: stretch;
width: 100%;
box-sizing: border-box;
}
.code-input {
@@ -329,6 +331,8 @@ const handleLogin = async () => {
border: none;
box-shadow: 0 8rpx 32rpx rgba(168, 85, 247, 0.3);
margin-bottom: 24rpx;
padding: 0;
box-sizing: border-box;
}
.btn-primary.disabled {