dennii/dbgate
1
0
Fork 0
mirror of https://github.com/DeNNiiInc/dbgate.git synced 2026-04-20 01:55:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

tabs panel

Browse Source
This commit is contained in:
Jan Prochazka
2021-02-21 11:35:50 +01:00
parent 71bea87a7a
commit 60c1090d6c
9 changed files with 232 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
packages/web/src/Screen.svelte
View File

@@ -2,6 +2,7 @@
import WidgetContainer from './widgets/WidgetContainer.svelte';
import WidgetIconPanel from './widgets/WidgetIconPanel.svelte';
import { selectedWidget } from './stores';
import TabsPanel from './widgets/TabsPanel.svelte';
</script>
<div class="theme-light">
@@ -14,6 +15,9 @@
<WidgetContainer />
</div>
{/if}
<div class="tabs">
<TabsPanel />
</div>
</div>
<style>
@@ -42,4 +46,19 @@
background-color: var(--theme-bg-2);
display: flex;
}
.tabs {
display: flex;
position: fixed;
top: 0;
left: calc(var(--dim-widget-icon-size) + var(--dim-left-panel-width) + var(--dim-splitter-thickness));
height: var(--dim-tabs-panel-height);
right: 0;
background-color: var(--theme-bg-2);
border-top: 1px solid var(--theme-border);
overflow-x: auto;
}
.tabs::-webkit-scrollbar {
height: 7px;
}
</style>