github/dbx
4
0
Fork 0
mirror of https://github.com/t8y2/dbx.git synced 2026-10-19 16:16:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(tab-bar): add spacing between open tabs button and navigation

Browse Source
This commit is contained in:
Diego Fabricio
2026-10-14 15:44:09 +08:00
committed by GitHub
parent 4b7fc6d645
commit bdba3542bb
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/desktop/src/components/layout/EditorGroupTabBar.vue
+1 -1
View File
@@ -2094,7 +2094,7 @@ watch([() => props.specialPageTabs?.settingsActive, () => props.specialPageTabs?
</TooltipTrigger>
<TooltipContent>{{ t("toolbar.newQuery") }}</TooltipContent>
</Tooltip>
<div v-if="showOverflowControl" class="tab-overflow-control absolute top-0 z-30 flex h-full items-center" :class="canNewQuery ? 'right-8' : 'right-0'">
<div v-if="showOverflowControl" class="tab-overflow-control absolute top-0 z-30 flex h-full items-center" :class="canNewQuery ? (isClassicLayout ? 'right-[2.125rem]' : 'right-[2.625rem]') : 'right-0'">
<Popover v-model:open="tabOverflowOpen">
<PopoverTrigger as-child>
<button type="button" class="inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-md border border-border/60 bg-background text-foreground/70 hover:border-border hover:text-foreground" :aria-label="t('tabs.openTabs')" :title="t('tabs.openTabs')">
apps/desktop/src/components/layout/appTabBar.css
+2 -2
View File
@@ -193,11 +193,11 @@
}
.has-tab-overflow-control .app-tab-strip {
padding-inline-end: 2.125rem;
padding-inline-end: 2.5rem;
}
.has-tab-overflow-control .app-tab-scrollbar {
inset-inline-end: 2.125rem;
inset-inline-end: 2.5rem;
}
/* The top-row overflow control overlays a small reserved area. Blend that