sonner on routing error, and dark mode

This commit is contained in:
vcoppe
2024-04-27 11:16:59 +02:00
parent 2ad0e9125e
commit ca7d85b421
13 changed files with 135 additions and 16 deletions

View File

@@ -7,6 +7,7 @@
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">
@@ -17,9 +18,18 @@
<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>