fix: use primary text only for active workspace tabs

This commit is contained in:
GouJ
2026-09-14 18:22:04 +08:00
parent c135d7e599
commit 59b2c2aaa3
+9 -19
View File
@@ -215,7 +215,7 @@ body {
min-height: 40px; min-height: 40px;
box-sizing: border-box; box-sizing: border-box;
} }
/* 每项左右留白纳入 Tab 宽度,选中下划线随之延伸。 */ /* 每项保留一致的左右留白。 */
.workspace-tabs.n-tabs .n-tabs-nav .n-tabs-tab { .workspace-tabs.n-tabs .n-tabs-nav .n-tabs-tab {
padding-inline: 16px; padding-inline: 16px;
} }
@@ -223,19 +223,9 @@ body {
.workspace-tabs.n-tabs .n-tabs-nav .n-tabs-tab-pad { .workspace-tabs.n-tabs .n-tabs-nav .n-tabs-tab-pad {
width: 0; width: 0;
} }
/* 保留组件的定位与切换动画,仅在活动指示器中央绘制 10px 短线。 */ /* 选中状态仅通过文字颜色表达,不显示底部指示线。 */
.workspace-tabs.n-tabs .n-tabs-nav .n-tabs-bar { .workspace-tabs.n-tabs .n-tabs-nav .n-tabs-bar {
background: transparent; display: none;
}
.workspace-tabs.n-tabs .n-tabs-nav .n-tabs-bar::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 50%;
width: 10px;
transform: translateX(-50%);
background: var(--n-bar-color);
} }
.workspace-tabs .n-tabs-nav-scroll-wrapper { .workspace-tabs .n-tabs-nav-scroll-wrapper {
min-width: 0; min-width: 0;
@@ -461,11 +451,11 @@ body {
} }
} }
/* 导航保留明确选中态与轻量悬停反馈,明暗模式共用主题变量。 */ /* 明暗模式沿用组件的 primary 文字色,选中和悬停均不绘制背景。 */
.workspace-tabs .n-tabs-tab--active { .workspace-tabs.n-tabs .n-tabs-nav .n-tabs-tab--active {
font-weight: 600; color: var(--n-tab-text-color-active);
} }
.workspace-tabs .n-tabs-tab--active, .workspace-tabs.n-tabs .n-tabs-nav .n-tabs-tab--active,
.workspace-tabs .n-tabs-tab:hover { .workspace-tabs.n-tabs .n-tabs-nav .n-tabs-tab:hover {
background: var(--app-subtle); background: transparent;
} }