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

web-svelte => web

Browse Source
This commit is contained in:
Jan Prochazka
2021-02-20 19:16:05 +01:00
parent daf9e9d18b
commit 321eedefea
38 changed files with 2 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
packages/web/src/Screen.svelte Normal file
View File

@@ -0,0 +1,45 @@
<script lang="ts">
import WidgetContainer from './widgets/WidgetContainer.svelte';
import WidgetIconPanel from './widgets/WidgetIconPanel.svelte';
import { selectedWidget } from './stores';
</script>
<div class="theme-light">
<div class="iconbar">
<WidgetIconPanel />
</div>
<div class="statusbar" />
{#if $selectedWidget}
<div class="leftpanel">
<WidgetContainer />
</div>
{/if}
</div>
<style>
.iconbar {
position: fixed;
left: 0;
top: 0;
bottom: var(--dim-statusbar-height);
width: var(--dim-widget-icon-size);
background: var(--theme-bg-inv-1);
}
.statusbar {
position: fixed;
background: var(--theme-bg-statusbar-inv);
height: var(--dim-statusbar-height);
left: 0;
right: 0;
bottom: 0;
}
.leftpanel {
position: fixed;
top: 0;
left: var(--dim-widget-icon-size);
bottom: var(--dim-statusbar-height);
width: var(--dim-left-panel-width);
background-color: var(--theme-bg-2);
display: flex;
}
</style>