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

css for command palette

Browse Source
This commit is contained in:
Jan Prochazka
2021-03-22 19:01:57 +01:00
parent 5531705433
commit 15c9e93e8a
1 changed files with 15 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
packages/web/src/commands/CommandPalette.svelte
View File

@@ -72,23 +72,29 @@
<div class="search">
<input type="text" bind:this={domInput} bind:value={filter} on:keydown={handleKeyDown} />
</div>
{#each filteredItems as command, index}
<div class="command" class:selected={index == selectedIndex} on:click={() => handleCommand(command)}>
<div>{command.text}</div>
{#if command.keyText}
<div class="shortcut">{command.keyText}</div>
{/if}
</div>
{/each}
<div class="content">
{#each filteredItems as command, index}
<div class="command" class:selected={index == selectedIndex} on:click={() => handleCommand(command)}>
<div>{command.text}</div>
{#if command.keyText}
<div class="shortcut">{command.keyText}</div>
{/if}
</div>
{/each}
</div>
</div>
<style>
.main {
width: 500px;
max-height: 500px;
background: var(--theme-bg-2);
padding: 5px;
}
.content {
max-height: 400px;
overflow-y: scroll;
}
.search {
display: flex;
}