diff --git a/static/style-3.css b/static/style-3.css index 9a31de2..447fec7 100644 --- a/static/style-3.css +++ b/static/style-3.css @@ -800,4 +800,41 @@ select:disabled { width: 14px; height: 14px; } +} + +/* ---------- Tab 栏 ---------- */ +.tab-bar { + display: flex; + gap: 32px; + padding: 14px 0 12px; + flex-shrink: 0; + border-bottom: 1px solid var(--border-subtle); +} + +/* 将最后一个 Tab(用户配置)推到最右侧 */ +.tab-item:last-child { + margin-left: auto; + /* 防止用户名过长导致溢出 */ + max-width: 220px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.tab-item { + font-size: 14px; + color: var(--text-muted); + cursor: pointer; + padding: 4px 0; + transition: color 0.3s, border-color 0.3s; + border-bottom: 2px solid transparent; +} + +.tab-item:hover { + color: var(--text-secondary); +} + +.tab-item.active { + color: var(--primary-blue); + border-bottom-color: var(--primary-blue); } \ No newline at end of file