mirror of
https://github.com/DeNNiiInc/dbgate.git
synced 2026-04-29 11:03:57 +00:00
46 lines
1.0 KiB
Svelte
46 lines
1.0 KiB
Svelte
<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>
|