style(admin): 首页管理 Tab 整理

- Tab 改名:首页 -> 首页管理
- 两个区块标题改用 Title(侧边栏 / 内容卡片,原「首页卡片」)
- 卡片表格状态列统一成胶囊:启用绿底绿字、已停用红底红字,形状一致
- 卡片删除按钮改成与数据管理一致的红色
- 顺序列 92 -> 112px
- 首页 Tab 内所有说明补上「说明:」前缀;新建卡片的说明挪到按钮下方
This commit is contained in:
2026-11-01 20:08:09 +08:00
parent d0a79283ed
commit 30baa96237
2 changed files with 35 additions and 17 deletions
+25 -3
View File
@@ -1476,7 +1476,7 @@ a.entry-href:hover {
}
.cards-col-order {
width: 92px;
width: 112px;
}
.card-order-cell {
@@ -1497,6 +1497,26 @@ a.entry-href:hover {
white-space: nowrap;
}
/* 卡片表格的状态列:启用/已停用同一个胶囊,只换颜色 */
.card-state {
display: inline-block;
padding: 0 var(--su-space-2);
border-radius: var(--su-radius-pill);
font-size: var(--su-font-size-xs);
line-height: var(--su-line-height-sm);
white-space: nowrap;
}
.card-state-on {
background-color: var(--su-color-success-soft);
color: var(--su-color-success);
}
.card-state-off {
background-color: var(--su-color-danger-soft);
color: var(--su-color-danger);
}
.group-state-on {
font-size: var(--su-font-size-xs);
color: var(--su-text-muted);
@@ -1581,11 +1601,13 @@ a.entry-href:hover {
}
/* 删除按钮:可删的用危险色,不可删的用弱化色(都取主题令牌) */
.admin-item-actions .admin-remove {
.admin-item-actions .admin-remove,
.cards-table-head .admin-remove {
color: var(--su-color-danger);
}
.admin-item-actions .admin-remove:not(:disabled):hover {
.admin-item-actions .admin-remove:not(:disabled):hover,
.cards-table-head .admin-remove:not(:disabled):hover {
color: var(--su-color-danger);
background-color: color-mix(in srgb, var(--su-color-danger) 10%, transparent);
}