steven/gpx.studio
1
0
Fork 0
mirror of https://github.com/gpxstudio/gpx.studio.git synced 2025-08-31 23:53:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix custom layers spacing

Browse Source
This commit is contained in:
vcoppe
2024-08-05 17:15:50 +02:00
parent 1f6bf60927
commit 87e75f967f
1 changed files with 48 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
website/src/lib/components/layer-control/CustomLayers.svelte
View File

@@ -283,10 +283,9 @@
$: selectedLayerId, setDataFromSelectedLayer();
</script>
<div class="flex flex-col gap-3">
<div class="flex flex-col gap-2">
<div class="flex flex-col">
{#if $customBasemapOrder.length > 0}
<div class="flex flex-row items-center gap-1 font-semibold">
<div class="flex flex-row items-center gap-1 font-semibold mb-2">
<Map size="16" />
{$_('layers.label.basemaps')}
<div class="grow">
@@ -294,7 +293,10 @@
</div>
</div>
{/if}
<div bind:this={basemapContainer} class="ml-1.5 flex flex-col gap-1">
<div
bind:this={basemapContainer}
class="ml-1.5 flex flex-col gap-1 {$customBasemapOrder.length > 0 ? 'mb-2' : ''}"
>
{#each $customBasemapOrder as id (id)}
<div class="flex flex-row items-center gap-2" data-id={id}>
<Move size="12" />
@@ -309,7 +311,7 @@
{/each}
</div>
{#if $customOverlayOrder.length > 0}
<div class="flex flex-row items-center gap-1 font-semibold">
<div class="flex flex-row items-center gap-1 font-semibold mb-2">
<Layers2 size="16" />
{$_('layers.label.overlays')}
<div class="grow">
@@ -317,7 +319,10 @@
</div>
</div>
{/if}
<div bind:this={overlayContainer} class="ml-1.5 flex flex-col gap-1">
<div
bind:this={overlayContainer}
class="ml-1.5 flex flex-col gap-1 {$customOverlayOrder.length > 0 ? 'mb-2' : ''}"
>
{#each $customOverlayOrder as id (id)}
<div class="flex flex-row items-center gap-2" data-id={id}>
<Move size="12" />
@@ -331,7 +336,6 @@
</div>
{/each}
</div>
</div>
<Card.Root>
<Card.Header class="p-3">