xiaoxue_admin
/
dbx
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(layout): constrain query result splitter

This commit is contained in:
t8y2 2026-06-12 10:37:41 +08:00
parent a84ba4903e
commit 3bf243a4a6
1 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
apps/desktop/src/components/layout/ContentArea.vue
View File

@ -425,8 +425,8 @@ defineExpose({ focusSearch, refreshData, handleModRTarget });
<div class="flex flex-col flex-1 min-h-0">
<!-- Query mode: editor + results -->
<template v-if="activeTab.mode === 'query'">
<Splitpanes horizontal class="flex-1">
<Pane :size="resultsPaneOpen ? 40 : 100" :min-size="resultsPaneOpen ? 15 : 100">
<Splitpanes horizontal class="query-output-splitpanes flex-1 min-h-0 overflow-hidden">
<Pane class="min-h-0" :size="resultsPaneOpen ? 40 : 100" :min-size="resultsPaneOpen ? 15 : 100">
<div class="h-full flex flex-col relative">
<QueryEditor
ref="queryEditorRef"
@ -461,7 +461,7 @@ defineExpose({ focusSearch, refreshData, handleModRTarget });
</Button>
</div>
</Pane>
<Pane v-if="resultsPaneOpen" :size="60" :min-size="20">
<Pane v-if="resultsPaneOpen" class="min-h-0" :size="60" :min-size="20">
<div class="h-full flex flex-col">
<div v-if="hasQueryOutput" class="flex h-10 shrink-0 items-center gap-1 border-b bg-muted/20 px-2">
<div class="flex shrink-0 items-center gap-1">
@ -861,6 +861,15 @@ defineExpose({ focusSearch, refreshData, handleModRTarget });
</template>
<style scoped>
.query-output-splitpanes {
isolation: isolate;
}
.query-output-splitpanes :deep(> .splitpanes__splitter) {
z-index: 1;
flex: 0 0 3px;
}
.result-tab-scroll::-webkit-scrollbar {
display: none;
}