style(admin): 首页管理 Tab 整理
- Tab 改名:首页 -> 首页管理 - 两个区块标题改用 Title(侧边栏 / 内容卡片,原「首页卡片」) - 卡片表格状态列统一成胶囊:启用绿底绿字、已停用红底红字,形状一致 - 卡片删除按钮改成与数据管理一致的红色 - 顺序列 92 -> 112px - 首页 Tab 内所有说明补上「说明:」前缀;新建卡片的说明挪到按钮下方
This commit is contained in:
+25
-3
@@ -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);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user