style(@vben-core/tabs-ui): 调整标签页样式

- 调整当前标签页字体颜色
- 优化标签页视觉效果
This commit is contained in:
lzh
2025-12-22 14:57:50 +08:00
parent 713209d845
commit 2e00d857b0
2 changed files with 2 additions and 2 deletions

View File

@@ -151,7 +151,7 @@ function onMouseDown(e: MouseEvent, tab: TabConfig) {
<!-- tab-item-main -->
<div
class="tabs-chrome__item-main z-[2] mx-[calc(var(--gap)*2)] my-0 flex h-full items-center overflow-hidden rounded-tl-[5px] rounded-tr-[5px] pl-2 pr-4 text-accent-foreground duration-150 group-[.is-active]:text-primary dark:group-[.is-active]:text-accent-foreground"
class="tabs-chrome__item-main z-[2] mx-[calc(var(--gap)*2)] my-0 flex h-full items-center overflow-hidden rounded-tl-[5px] rounded-tr-[5px] pl-2 pr-4 text-accent-foreground duration-150 group-[.is-active]:font-semibold group-[.is-active]:text-[#b34e00] dark:group-[.is-active]:text-accent-foreground"
>
<VbenIcon
v-if="showIcon"

View File

@@ -96,7 +96,7 @@ function onMouseDown(e: MouseEvent, tab: TabConfig) {
typeWithClass.content,
]"
:data-index="i"
class="tab-item translate-all group relative flex cursor-pointer select-none [&:not(.is-active)]:hover:bg-accent"
class="tab-item translate-all group relative flex cursor-pointer select-none [&.is-active]:font-semibold [&:not(.is-active)]:hover:bg-accent"
data-tab-item="true"
@click="active = tab.key"
@mousedown="onMouseDown($event, tab)"