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

command palette control

Browse Source
This commit is contained in:
Jan Prochazka
2021-02-25 18:05:44 +01:00
parent 30ade5867c
commit f0802dc471
13 changed files with 706 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,12 +1,13 @@
<script lang="ts">
import WidgetContainer from './widgets/WidgetContainer.svelte';
import WidgetIconPanel from './widgets/WidgetIconPanel.svelte';
import { selectedWidget } from './stores';
import { currentTheme, selectedWidget, visibleCommandPalette } from './stores';
import TabsPanel from './widgets/TabsPanel.svelte';
import TabContent from './TabContent.svelte';
import TabContent from './TabContent.svelte';
import CommandPalette from './commands/CommandPalette.svelte';
</script>
<div class="theme-light">
<div class={$currentTheme}>
<div class="iconbar">
<WidgetIconPanel />
</div>
@@ -22,6 +23,11 @@ import TabContent from './TabContent.svelte';
<div class="content">
<TabContent />
</div>
{#if $visibleCommandPalette}
<div class="commads">
<CommandPalette />
</div>
{/if}
</div>
<style>
@@ -73,4 +79,9 @@ import TabContent from './TabContent.svelte';
right: 0;
background-color: var(--theme-bg-1);
}
.commads {
position: fixed;
top: 0;
left: var(--dim-widget-icon-size);
}
</style>