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

flex layer settings

Browse Source
This commit is contained in:
vcoppe
2024-04-14 15:49:21 +02:00
parent 6a8dfb5d5e
commit 2631387f91
1 changed files with 30 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
website/src/lib/components/layer-control/LayerControlSettings.svelte
View File

@@ -29,40 +29,40 @@
</Button>
</Sheet.Trigger>
<Sheet.Content>
<Sheet.Header>
<Sheet.Header class="h-full">
<Sheet.Title>Layer settings</Sheet.Title>
<Sheet.Description>
Select the map layers you want to show in the interface and adjust their settings.
</Sheet.Description>
<ScrollArea class="pr-4">
<div>
<LayerTree
layerTree={basemapTree}
label="Basemaps"
name="basemapSettings"
multiple={true}
onValueChange={(id) => {
// TODO
}}
/>
</div>
</ScrollArea>
<Separator class="my-2" />
<ScrollArea class="pr-4">
<div>
<LayerTree
layerTree={overlayTree}
label="Overlays"
name="overlaySettings"
multiple={true}
onValueChange={(id, checked) => {
// TODO
}}
/>
</div>
</ScrollArea>
<Separator class="my-2" />
<Button variant="secondary" class="w-full px-1 py-1.5">Add custom layer</Button>
</Sheet.Header>
<ScrollArea class="h-[35vh] pr-4">
<div>
<LayerTree
layerTree={basemapTree}
label="Basemaps"
name="basemapSettings"
multiple={true}
onValueChange={(id) => {
// TODO
}}
/>
</div>
</ScrollArea>
<Separator class="my-2" />
<ScrollArea class="h-[35vh] pr-4">
<div>
<LayerTree
layerTree={overlayTree}
label="Overlays"
name="overlaySettings"
multiple={true}
onValueChange={(id, checked) => {
// TODO
}}
/>
</div>
</ScrollArea>
<Separator class="my-2" />
<Button variant="secondary" class="w-full px-1 py-1.5">Add custom layer</Button>
</Sheet.Content>
</Sheet.Root>