Fabio/gpx.studio
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix file tree margins

Browse source
This commit is contained in:
vcoppe 2024-07-18 00:49:35 +02:00
parent e16c92fe0a
commit 44afe6cc76
4 changed files with 3 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
website/src/lib/components/collapsible-tree/CollapsibleTree.svelte
View file

@ -4,7 +4,6 @@
export let defaultState: 'open' | 'closed' = 'open';
export let side: 'left' | 'right' = 'right';
export let margin: number = 1;
export let nohover: boolean = false;
export let slotInsideTrigger: boolean = true;
@ -13,7 +12,6 @@
setContext('collapsible-tree-default-state', defaultState);
setContext('collapsible-tree-state', open);
setContext('collapsible-tree-side', side);
setContext('collapsible-tree-margin', margin);
setContext('collapsible-tree-nohover', nohover);
setContext('collapsible-tree-parent-id', 'root');
setContext('collapsible-tree-slot-inside-trigger', slotInsideTrigger);

3
website/src/lib/components/collapsible-tree/CollapsibleTreeNode.svelte
View file

@ -10,7 +10,6 @@
let defaultState = getContext<'open' | 'closed'>('collapsible-tree-default-state');
let open = getContext<Writable<Record<string, boolean>>>('collapsible-tree-state');
let side = getContext<'left' | 'right'>('collapsible-tree-side');
let margin = getContext<number>('collapsible-tree-margin');
let nohover = getContext<boolean>('collapsible-tree-nohover');
let slotInsideTrigger = getContext<boolean>('collapsible-tree-slot-inside-trigger');
let parentId = getContext<string>('collapsible-tree-parent-id');
@ -92,7 +91,7 @@
</Button>
{/if}
<Collapsible.Content class="ml-{margin} pl-{margin}">
<Collapsible.Content class="ml-2">
<slot name="content" />
</Collapsible.Content>
</Collapsible.Root>

2
website/src/lib/components/file-list/FileListNode.svelte
View file

@ -72,7 +72,7 @@
{:else if recursive}
<CollapsibleTreeNode id={item.getId()} bind:this={collapsible}>
<FileListNodeLabel {node} {item} {label} slot="trigger" />
<div slot="content">
<div slot="content" class="ml-2">
{#key node}
<FileListNodeContent {node} {item} />
{/key}

2
website/src/lib/components/file-list/FileListNodeStore.svelte
View file

@ -14,7 +14,7 @@
{#if $file}
{#if recursive}
<CollapsibleTree side="left" margin={4} defaultState="closed" slotInsideTrigger={false}>
<CollapsibleTree side="left" defaultState="closed" slotInsideTrigger={false}>
<FileListNode node={$file.file} item={new ListFileItem($file.file._data.id)} />
</CollapsibleTree>
{:else}