style: 滚动信息靠右,分区角标与标题拉开 8px

- .header-ticker 加 margin-left: auto,紧贴右侧操作图标;
  靠右改由它承担,.header-actions 去掉 margin-left: auto(无滚动信息时由 space-between 兜住)
- .count-badge 的 right 从 -18 调到 -30,标题与角标间距约 8px
This commit is contained in:
2026-11-01 21:43:54 +08:00
parent 27a28ab583
commit 883504222b
+5 -3
View File
@@ -133,13 +133,15 @@
white-space: nowrap; white-space: nowrap;
} }
/* 滚动信息只占中间约 2/3:原来铺满整条,信息一长就把两边挤没了 */ /* 滚动信息只占中间约 2/3,并靠右贴近操作图标 */
.header-ticker { .header-ticker {
max-width: 720px; max-width: 720px;
margin-left: auto;
} }
.header-actions { .header-actions {
margin-left: auto; /* 靠右交给 .header-ticker 的 margin-left: auto;没有滚动信息时由 space-between 兜住 */
flex: none;
} }
/* ---------- 搜索:页头下的工具条(Layout 的 toolbar 插槽) ---------- */ /* ---------- 搜索:页头下的工具条(Layout 的 toolbar 插槽) ---------- */
@@ -285,7 +287,7 @@
.count-badge { .count-badge {
position: absolute; position: absolute;
top: -8px; top: -8px;
right: -18px; right: -30px;
height: 16px; height: 16px;
min-width: 16px; min-width: 16px;
padding: 0 var(--su-space-1); padding: 0 var(--su-space-1);