fix: make result tabs scrollable when many queries executed (closes #245)

This commit is contained in:
t8y2
2026-05-13 16:45:06 +08:00
parent f3c5314636
commit c28820ef48
+3 -2
View File
@@ -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 }) }}