github/dbx
4
0 Fork 0
mirror of https://github.com/t8y2/dbx.git synced 2026-11-15 14:52:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(layout): fix plugin tab layout with vertical tab bar

Browse Source 
Closes #9101
This commit is contained in:
t8y2 committed 2026-09-15 12:27:03 +08:00
1 parent faf259fcc2
commit 36b96ea32c
3 files changed
+22 -16
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

apps/desktop/src/App.vue
+7 -2
View File
@@ -1007,6 +1007,7 @@ useScheduledDatabaseBackups({ scheduler: true });
const appVersion = ref("");
const isClassicLayout = computed(() => settingsStore.editorSettings.appLayout === "classic");
const isVerticalTabPlacement = computed(() => settingsStore.editorSettings.tabPlacement === "left" || settingsStore.editorSettings.tabPlacement === "right");
// Every pane's vertical strip writes back to this shared width/collapse state.
function startTabBarResize(event: PointerEvent) {
@@ -3748,8 +3749,12 @@ onUnmounted(() => {
</DialogFooter>
</DialogContent>
</Dialog>
<div v-show="!driverStoreActive && !pluginCenterActive && !settingsStore.settingsPageActive" class="flex min-h-0 min-w-0 flex-1 flex-col">
<div class="flex flex-col min-h-0" :class="activeTab?.mode === 'plugin-workbench' ? 'flex-none' : 'flex-1'">
<div
v-show="!driverStoreActive && !pluginCenterActive && !settingsStore.settingsPageActive"
class="flex min-h-0 min-w-0 flex-1"
:class="activeTab?.mode === 'plugin-workbench' && isVerticalTabPlacement ? (settingsStore.editorSettings.tabPlacement === 'right' ? 'flex-row-reverse' : 'flex-row') : 'flex-col'"
>
<div class="flex min-h-0" :class="activeTab?.mode === 'plugin-workbench' ? (isVerticalTabPlacement ? 'h-full flex-none flex-col' : 'flex-none flex-col') : 'flex-1 flex-col'">
<SqlEditorWorkspace
ref="contentAreaRef"
:content-suppressed="activeTab?.mode === 'plugin-workbench'"