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>
<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">
<div bind:this={tabs} class="flex flex-row gap-1">
{#each $fileCollection.files as file, index}

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

@ -101,7 +101,11 @@
</div>
<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;
}
@ -152,10 +156,10 @@
}
div :global(.mapboxgl-ctrl-bottom-left) {
@apply bottom-10;
@apply bottom-9;
}
div :global(.mapboxgl-ctrl-bottom-right) {
@apply bottom-10;
@apply bottom-9;
}
</style>

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

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