steven/gpx.studio
1
0
Fork 0
mirror of https://github.com/gpxstudio/gpx.studio.git synced 2025-09-03 17:12:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

floating menu

Browse Source
This commit is contained in:
vcoppe
2024-04-09 17:21:26 +02:00
parent 8c04e26c72
commit e5b2c5708d
2 changed files with 92 additions and 90 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
website/src/lib/components/Menu.svelte
View File

@@ -10,7 +10,8 @@
let showDirectionMarkers = false; let showDirectionMarkers = false;
</script> </script>
<div class="h-fit flex flex-row items-center mx-1"> <div class="fixed top-2 left-0 right-0 z-10 flex flex-row justify-center pointer-events-none">
<div class="w-fit flex flex-row items-center px-1 bg-background rounded-md pointer-events-auto">
<Logo class="h-5 mt-1 mx-2" /> <Logo class="h-5 mt-1 mx-2" />
<Menubar.Root class="border-none"> <Menubar.Root class="border-none">
<Menubar.Menu> <Menubar.Menu>
@@ -101,3 +102,4 @@
> >
</div> </div>
</div> </div>
</div>

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

@@ -3,8 +3,8 @@
import Menu from '$lib/components/Menu.svelte'; import Menu from '$lib/components/Menu.svelte';
</script> </script>
<div class="flex flex-col w-screen h-screen">
<Menu /> <Menu />
<div class="flex flex-col w-screen h-screen">
<Map class="grow" /> <Map class="grow" />
<div class="h-1/3">Test</div> <div class="h-1/3">Test</div>
</div> </div>