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

simplify tabs

Browse source
This commit is contained in:
vcoppe 2024-04-24 12:55:53 +02:00
parent 1237e9ab0d
commit 9bde53a4e2
3 changed files with 9 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
website/src/lib/components/FileList.svelte
View file

@ -108,7 +108,7 @@
}); });
</script> </script>
<div class="absolute h-10 -translate-y-10 w-fit max-w-full bg-secondary rounded-t"> <div class="h-10 -translate-y-10 w-full">
<ScrollArea orientation="horizontal" class="w-full h-full" scrollbarXClasses="h-2"> <ScrollArea orientation="horizontal" class="w-full h-full" scrollbarXClasses="h-2">
<div bind:this={tabs} class="flex flex-row gap-1"> <div bind:this={tabs} class="flex flex-row gap-1">
{#each $fileCollection.files as file, index} {#each $fileCollection.files as file, index}

10
website/src/lib/components/Map.svelte
View file

@ -101,7 +101,11 @@
</div> </div>
<style lang="postcss"> <style lang="postcss">
div :global(.mapboxgl-ctrl) { div :global(.mapboxgl-map) {
@apply font-sans;
}
div :global(.mapboxgl-ctrl-top-right > .mapboxgl-ctrl) {
@apply shadow-md; @apply shadow-md;
} }
@ -152,10 +156,10 @@
} }
div :global(.mapboxgl-ctrl-bottom-left) { div :global(.mapboxgl-ctrl-bottom-left) {
@apply bottom-10; @apply bottom-9;
} }
div :global(.mapboxgl-ctrl-bottom-right) { div :global(.mapboxgl-ctrl-bottom-right) {
@apply bottom-10; @apply bottom-9;
} }
</style> </style>

2
website/src/routes/+page.svelte
View file

@ -16,9 +16,9 @@
<Map class="h-full" /> <Map class="h-full" />
<LayerControl /> <LayerControl />
<Data /> <Data />
<FileList />
</div> </div>
<div class="h-60 flex flex-row gap-2 overflow-hidden border"> <div class="h-60 flex flex-row gap-2 overflow-hidden border">
<FileList />
<GPXData /> <GPXData />
<ElevationProfile /> <ElevationProfile />
</div> </div>