style: 加大卡片内边距0.3rem+修复布局细节
All checks were successful
continuous-integration/drone/push Build is passing

- 所有卡片padding从0.2rem增至0.3rem
- content-box上边距归零
- 卡片间距从0.16rem减至0.12rem
- 保存按钮margin-left对齐卡片内位置
This commit is contained in:
yiqiu
2026-03-22 11:58:17 +08:00
parent 716ab8f1b1
commit 9bd63b67bc

View File

@@ -13,7 +13,7 @@
/* === 内容容器 === */ /* === 内容容器 === */
.content-box { .content-box {
margin-top: 0.2rem; margin-top: 0;
} }
/* === 用户栏 === */ /* === 用户栏 === */
@@ -99,29 +99,29 @@
background: #FFFFFF; background: #FFFFFF;
border-radius: 10px; border-radius: 10px;
outline: 1px solid #E5E7EB; outline: 1px solid #E5E7EB;
padding: 0.16rem 0.2rem; padding: 0.2rem 0.3rem;
margin-bottom: 0.16rem; margin-bottom: 0.12rem;
} }
#account .basic { #account .basic {
background: #FFFFFF; background: #FFFFFF;
border-radius: 10px; border-radius: 10px;
outline: 1px solid #E5E7EB; outline: 1px solid #E5E7EB;
padding: 0.16rem 0.2rem 0.2rem; padding: 0.2rem 0.3rem 0.24rem;
margin-top: 0 !important; margin-top: 0 !important;
} }
#account .account { #account .account {
background: #FFFFFF; background: #FFFFFF;
border-radius: 10px; border-radius: 10px;
outline: 1px solid #E5E7EB; outline: 1px solid #E5E7EB;
padding: 0.16rem 0.2rem 0.2rem; padding: 0.2rem 0.3rem 0.24rem;
margin-top: 0.16rem !important; margin-top: 0.12rem !important;
} }
#account .oauth { #account .oauth {
background: #FFFFFF; background: #FFFFFF;
border-radius: 10px; border-radius: 10px;
outline: 1px solid #E5E7EB; outline: 1px solid #E5E7EB;
padding: 0.16rem 0.2rem 0.2rem; padding: 0.2rem 0.3rem 0.24rem;
margin-top: 0.16rem; margin-top: 0.12rem;
} }
.basic > .el-row, .basic > .el-row,
.account > .el-row { .account > .el-row {
@@ -132,8 +132,12 @@
background: #FFFFFF; background: #FFFFFF;
border-radius: 10px; border-radius: 10px;
outline: 1px solid #E5E7EB; outline: 1px solid #E5E7EB;
padding: 0.16rem 0.2rem 0.2rem; padding: 0.2rem 0.3rem 0.24rem;
margin-top: 0.16rem; margin-top: 0.12rem;
}
/* 保存按钮放在卡片内 */
#account .btn-save {
margin-left: 0.3rem;
} }
#account .section-title { #account .section-title {
border-left: 3px solid var(--color-primary); border-left: 3px solid var(--color-primary);