shell tab

This commit is contained in:
Jan Prochazka
2021-03-11 13:40:19 +01:00
parent 7d6bf90a0a
commit 913f89e970
13 changed files with 364 additions and 87 deletions

View File

@@ -1,4 +1,6 @@
<script lang="ts">
import WidgetTitle from './WidgetTitle.svelte';
export let title;
export let name;
export let height = null;
@@ -7,21 +9,8 @@
let visible = !collapsed;
</script>
<div class="title" on:click={() => (visible = !visible)}>{title}</div>
<WidgetTitle on:click={() => (visible = !visible)}>{title}</WidgetTitle>
{#if visible}
<slot />
{/if}
<style>
.title {
padding: 5px;
font-weight: bold;
text-transform: uppercase;
background-color: var(--theme-bg-2);
border: 1px solid var(--theme-border);
}
.title:hover {
background-color: var(--theme-bg-3);
}
</style>