steven/gpx.studio
1
0
Fork 0
mirror of https://github.com/gpxstudio/gpx.studio.git synced 2025-09-03 17:12:31 +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(); $: selectedLayerId, setDataFromSelectedLayer();
</script> </script>
<div class="flex flex-col gap-3"> <div class="flex flex-col">
<div class="flex flex-col gap-2">
{#if $customBasemapOrder.length > 0} {#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" /> <Map size="16" />
{$_('layers.label.basemaps')} {$_('layers.label.basemaps')}
<div class="grow"> <div class="grow">
@@ -294,7 +293,10 @@
</div> </div>
</div> </div>
{/if} {/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)} {#each $customBasemapOrder as id (id)}
<div class="flex flex-row items-center gap-2" data-id={id}> <div class="flex flex-row items-center gap-2" data-id={id}>
<Move size="12" /> <Move size="12" />
@@ -309,7 +311,7 @@
{/each} {/each}
</div> </div>
{#if $customOverlayOrder.length > 0} {#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" /> <Layers2 size="16" />
{$_('layers.label.overlays')} {$_('layers.label.overlays')}
<div class="grow"> <div class="grow">
@@ -317,7 +319,10 @@
</div> </div>
</div> </div>
{/if} {/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)} {#each $customOverlayOrder as id (id)}
<div class="flex flex-row items-center gap-2" data-id={id}> <div class="flex flex-row items-center gap-2" data-id={id}>
<Move size="12" /> <Move size="12" />
@@ -331,7 +336,6 @@
</div> </div>
{/each} {/each}
</div> </div>
</div>
<Card.Root> <Card.Root>
<Card.Header class="p-3"> <Card.Header class="p-3">