style: 页头滚动信息居中,接口按钮统一为 Button

- 页头改为三列 grid,Ticker 放入中间列,左右等宽,滚动信息在视口居中
- 查看接口从自定义 a.link-button 改为与重新扫描相同的 @stash/ui Button
- 保留站内路由与修饰键新标签打开行为
This commit is contained in:
2026-11-02 19:39:08 +08:00
parent 1effbea3dd
commit dec82080d3
3 changed files with 42 additions and 28 deletions
+14 -6
View File
@@ -42,9 +42,9 @@
/* ---------- 页头 ---------- */
.site-header-inner {
display: flex;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 720px) minmax(0, 1fr);
align-items: center;
justify-content: space-between;
gap: var(--su-space-4);
width: 100%;
max-width: var(--su-layout-width);
@@ -133,14 +133,22 @@
white-space: nowrap;
}
/* 滚动信息只占中间约 2/3,并靠右贴近操作图标 */
/* 滚动信息居中,左右列等宽 */
.header-ticker-slot {
justify-self: center;
width: 100%;
min-width: 0;
}
.header-ticker {
max-width: 720px;
margin-left: auto;
width: 100%;
max-width: none;
margin: 0;
}
.header-actions {
/* 靠右交给 .header-ticker 的 margin-left: auto;没有滚动信息时由 space-between 兜住 */
justify-self: end;
/* 靠右对齐到页头右边缘 */
flex: none;
}