From 59b2c2aaa3669de157f000dc59fd8ff6f1cd0066 Mon Sep 17 00:00:00 2001 From: GouJ Date: Mon, 14 Sep 2026 18:22:04 +0800 Subject: [PATCH] fix: use primary text only for active workspace tabs --- src/styles/admin.css | 28 +++++++++------------------- 1 file changed, 9 insertions(+), 19 deletions(-) diff --git a/src/styles/admin.css b/src/styles/admin.css index 97173e5..044322c 100644 --- a/src/styles/admin.css +++ b/src/styles/admin.css @@ -215,7 +215,7 @@ body { min-height: 40px; box-sizing: border-box; } -/* 每项左右留白纳入 Tab 宽度,选中下划线随之延伸。 */ +/* 每项保留一致的左右留白。 */ .workspace-tabs.n-tabs .n-tabs-nav .n-tabs-tab { padding-inline: 16px; } @@ -223,19 +223,9 @@ body { .workspace-tabs.n-tabs .n-tabs-nav .n-tabs-tab-pad { width: 0; } -/* 保留组件的定位与切换动画,仅在活动指示器中央绘制 10px 短线。 */ +/* 选中状态仅通过文字颜色表达,不显示底部指示线。 */ .workspace-tabs.n-tabs .n-tabs-nav .n-tabs-bar { - background: transparent; -} -.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); + display: none; } .workspace-tabs .n-tabs-nav-scroll-wrapper { min-width: 0; @@ -461,11 +451,11 @@ body { } } -/* 导航保留明确选中态与轻量悬停反馈,明暗模式共用主题变量。 */ -.workspace-tabs .n-tabs-tab--active { - font-weight: 600; +/* 明暗模式沿用组件的 primary 文字色,选中和悬停均不绘制背景。 */ +.workspace-tabs.n-tabs .n-tabs-nav .n-tabs-tab--active { + color: var(--n-tab-text-color-active); } -.workspace-tabs .n-tabs-tab--active, -.workspace-tabs .n-tabs-tab:hover { - background: var(--app-subtle); +.workspace-tabs.n-tabs .n-tabs-nav .n-tabs-tab--active, +.workspace-tabs.n-tabs .n-tabs-nav .n-tabs-tab:hover { + background: transparent; }