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

tabs container style refactor

Browse Source
This commit is contained in:
Jan Prochazka
2023-03-04 10:50:10 +01:00
parent ff36870763
commit 1061d2aba2
3 changed files with 44 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -27,6 +27,7 @@
import TitleBar from './widgets/TitleBar.svelte';
import FontIcon from './icons/FontIcon.svelte';
import getElectron from './utility/getElectron';
import TabsContainer from './tabpanel/TabsContainer.svelte';
$: currentThemeType = $currentThemeDefinition?.themeType == 'dark' ? 'theme-type-dark' : 'theme-type-light';
@@ -69,11 +70,8 @@
<WidgetContainer />
</div>
{/if}
<div class="tabs">
<TabsPanel />
</div>
<div class="content">
<TabRegister />
<div class="tabs-container">
<TabsContainer />
</div>
{#if $selectedWidget && $visibleWidgetSideBar}
<div
@@ -135,23 +133,6 @@
background-color: var(--theme-bg-1);
display: flex;
}
.tabs {
position: fixed;
top: var(--dim-header-top);
left: var(--dim-content-left);
height: var(--dim-tabs-panel-height);
right: 0;
background-color: var(--theme-bg-1);
border-top: 1px solid var(--theme-border);
}
.content {
position: fixed;
top: var(--dim-content-top);
left: var(--dim-content-left);
bottom: var(--dim-statusbar-height);
right: 0;
background-color: var(--theme-bg-1);
}
.commads {
position: fixed;
top: var(--dim-header-top);
@@ -207,4 +188,13 @@
.big-icon {
font-size: 20pt;
}
.tabs-container {
position: fixed;
top: var(--dim-header-top);
left: var(--dim-content-left);
bottom: var(--dim-statusbar-height);
right: 0;
background-color: var(--theme-bg-1);
}
</style>