style(admin): 统一标题层级与页面排版

- 每个后台页面新增统一的加粗标题 + 说明 + 右侧操作区
- 分组/数据页操作按钮移到标题右侧,取消正文里的『说明:』散排
- 页头/资料/系统改为 820px 窄栏,标签加粗,保存按钮与表单对齐
- 系统管理拆成『修改密码 / 数据备份』两段,按钮不再整行拉伸
- 外层标题改为『后台管理』,侧栏与卡片页去掉重复说明,卡片列表标题加粗
This commit is contained in:
2026-11-02 19:50:51 +08:00
parent f25fc8b4ba
commit b1f7589538
2 changed files with 163 additions and 54 deletions
+62 -1
View File
@@ -787,7 +787,67 @@
}
.admin-form {
margin-top: var(--su-space-5);
margin-top: 0;
}
.admin-form-narrow {
max-width: 820px;
}
/* 每个后台页面统一的标题区 */
.admin-panel-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: var(--su-space-5);
padding-bottom: var(--su-space-4);
border-bottom: 1px solid var(--su-border);
margin-bottom: var(--su-space-2);
}
.admin-panel-heading {
min-width: 0;
}
.admin-panel-title {
margin: 0;
color: var(--su-text-main);
font-size: 20px;
font-weight: 700;
line-height: 1.3;
letter-spacing: -0.01em;
}
.admin-panel-desc {
max-width: 760px;
margin: var(--su-space-2) 0 0;
color: var(--su-text-muted);
font-size: var(--su-font-size-sm);
line-height: 1.65;
}
.admin-panel-actions {
display: flex;
flex: none;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
gap: var(--su-space-2);
}
/* 表单标签统一加粗,避免组件默认字重在不同字体下发虚 */
.admin-panel label {
font-weight: 600;
}
.admin-inline-actions {
display: flex;
gap: var(--su-space-2);
}
.admin-form-divider {
margin: var(--su-space-1) 0;
border-top: 1px dashed var(--su-border-strong);
}
.admin-row {
@@ -896,6 +956,7 @@
}
.admin-actions {
max-width: 820px;
margin-top: var(--su-space-6);
}