mirror of
https://github.com/gpxstudio/gpx.studio.git
synced 2025-09-02 08:42:31 +00:00
36 lines
1.0 KiB
Svelte
36 lines
1.0 KiB
Svelte
<script lang="ts">
|
|
import GPXLayers from '$lib/components/gpx-layer/GPXLayers.svelte';
|
|
import ElevationProfile from '$lib/components/ElevationProfile.svelte';
|
|
import FileList from '$lib/components/FileList.svelte';
|
|
import GPXData from '$lib/components/GPXData.svelte';
|
|
import Map from '$lib/components/Map.svelte';
|
|
import Menu from '$lib/components/Menu.svelte';
|
|
import Toolbar from '$lib/components/toolbar/Toolbar.svelte';
|
|
import LayerControl from '$lib/components/layer-control/LayerControl.svelte';
|
|
import { Toaster } from '$lib/components/ui/sonner';
|
|
</script>
|
|
|
|
<div class="flex flex-col w-screen h-screen">
|
|
<div class="grow relative">
|
|
<Menu />
|
|
<Toolbar />
|
|
<Map class="h-full" />
|
|
<LayerControl />
|
|
<GPXLayers />
|
|
<FileList />
|
|
<Toaster richColors />
|
|
</div>
|
|
<div class="h-48 flex flex-row gap-2 overflow-hidden">
|
|
<GPXData />
|
|
<ElevationProfile />
|
|
</div>
|
|
</div>
|
|
|
|
<style lang="postcss">
|
|
div :global(.toaster.group) {
|
|
@apply absolute;
|
|
@apply right-2;
|
|
--offset: 50px !important;
|
|
}
|
|
</style>
|