优化tags位置布局

This commit is contained in:
2026-08-03 21:44:40 +08:00
parent c24347cbcf
commit 2f9612a1fa
+37
View File
@@ -800,4 +800,41 @@ select:disabled {
width: 14px; width: 14px;
height: 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);
} }