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

collapsiple grid left column

Browse Source
This commit is contained in:
Jan Prochazka
2021-04-17 21:00:37 +02:00
parent 08d6f83a48
commit 28bbf9a01e
5 changed files with 50 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
packages/web/src/elements/HorizontalSplitter.svelte
View File

@@ -16,6 +16,7 @@
export let isSplitter = true;
export let initialValue = undefined;
export let hideFirst = false;
export let size = 0;
let clientWidth;
@@ -24,11 +25,15 @@
</script>
<div class="container" bind:clientWidth>
<div class="child1" style={isSplitter ? `width:${size}px; min-width:${size}px; max-width:${size}px}` : `flex:1`}>
<slot name="1" />
</div>
{#if !hideFirst}
<div class="child1" style={isSplitter ? `width:${size}px; min-width:${size}px; max-width:${size}px}` : `flex:1`}>
<slot name="1" />
</div>
{/if}
{#if isSplitter}
<div class="horizontal-split-handle" use:splitterDrag={'clientX'} on:resizeSplitter={e => (size += e.detail)} />
{#if !hideFirst}
<div class="horizontal-split-handle" use:splitterDrag={'clientX'} on:resizeSplitter={e => (size += e.detail)} />
{/if}
<div class="child2">
<slot name="2" />
</div>