From a7161ac8210caebab3c16b055a584731c0884a69 Mon Sep 17 00:00:00 2001
From: yavon007 <shiyu.weilan@gmail.com>
Date: Mon, 4 May 2026 14:29:55 +0800
Subject: [PATCH] feat: improve active tab visual distinction with bottom
 border accent

---
 src/App.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 7c980f277a..b3b71e9617 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1226,8 +1226,8 @@ async function setupFileDrop() {
                 <Tooltip>
                 <TooltipTrigger as-child>
                 <div
-                  class="group flex min-w-38 items-center gap-1 px-1 h-full text-xs cursor-pointer border-r hover:bg-accent transition-colors whitespace-nowrap"
-                  :class="tab.id === queryStore.activeTabId ? 'bg-background font-medium' : 'font-normal'"
+                  class="group flex min-w-38 items-center gap-1 px-1 h-full text-xs cursor-pointer border-r border-b-2 hover:bg-accent transition-colors whitespace-nowrap"
+                  :class="tab.id === queryStore.activeTabId ? 'bg-background font-medium border-b-primary' : 'font-normal text-muted-foreground border-b-transparent'"
                   :data-active-tab="tab.id === queryStore.activeTabId"
                   @click="queryStore.activeTabId = tab.id"
                 >