style(admin): 统一标题层级与页面排版
- 每个后台页面新增统一的加粗标题 + 说明 + 右侧操作区 - 分组/数据页操作按钮移到标题右侧,取消正文里的『说明:』散排 - 页头/资料/系统改为 820px 窄栏,标签加粗,保存按钮与表单对齐 - 系统管理拆成『修改密码 / 数据备份』两段,按钮不再整行拉伸 - 外层标题改为『后台管理』,侧栏与卡片页去掉重复说明,卡片列表标题加粗
This commit is contained in:
+62
-1
@@ -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);
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user