From c28820ef48cdb81f4bbe5c3fb2484256ef749d4c Mon Sep 17 00:00:00 2001
From: t8y2 <1156263951@qq.com>
Date: Wed, 13 May 2026 16:45:06 +0800
Subject: [PATCH] fix: make result tabs scrollable when many queries executed
 (closes #245)

---
 src/components/layout/ContentArea.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/layout/ContentArea.vue b/src/components/layout/ContentArea.vue
index ecfbaff790..77fbdef3cf 100644
--- a/src/components/layout/ContentArea.vue
+++ b/src/components/layout/ContentArea.vue
@@ -205,7 +205,8 @@ function onHandleCloseColumnPanel() {
                 activeTab.isExecuting ||
                 activeTab.isExplaining
               "
-              class="h-8 shrink-0 border-b bg-muted/20 px-2 flex items-center gap-1"
+              class="h-8 shrink-0 border-b bg-muted/20 px-2 flex items-center gap-1 overflow-x-auto"
+              style="scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch"
             >
               <Button
                 size="sm"
@@ -223,7 +224,7 @@ function onHandleCloseColumnPanel() {
                   :key="rIdx"
                   size="sm"
                   :variant="activeTab.activeResultIndex === rIdx ? 'default' : 'ghost'"
-                  class="h-6 px-2 text-xs"
+                  class="h-6 px-2 text-xs shrink-0"
                   @click="queryStore.setActiveResultIndex(activeTab.id, rIdx)"
                 >
                   {{ t("tabs.resultN", { n: rIdx + 1 }) }}