pesde-pkg/pesde
1
1
Fork 0
mirror of https://github.com/pesde-pkg/pesde.git synced 2025-05-04 10:33:47 +01:00
Code Issues Projects Releases Packages Wiki Activity

fix(website): close dialog on navigation

Browse source
This commit is contained in:
LukaDev 2024-10-14 12:45:39 +02:00
parent 9e3299e41f
commit 60711482f8
1 changed files with 10 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
website/src/routes/Hamburger.svelte
View file

@ -1,13 +1,22 @@
<script lang="ts"> <script lang="ts">
import { navigating } from "$app/stores"
import GitHub from "$lib/components/GitHub.svelte" import GitHub from "$lib/components/GitHub.svelte"
import Logo from "$lib/components/Logo.svelte" import Logo from "$lib/components/Logo.svelte"
import { Dialog } from "bits-ui" import { Dialog } from "bits-ui"
import { Menu, X } from "lucide-svelte" import { Menu, X } from "lucide-svelte"
import { fade, fly } from "svelte/transition" import { fade, fly } from "svelte/transition"
import Search from "./Search.svelte" import Search from "./Search.svelte"
let dialogOpen = $state(false)
$effect(() => {
if ($navigating) {
dialogOpen = false
}
})
</script> </script>
<Dialog.Root> <Dialog.Root bind:open={dialogOpen}>
<Dialog.Trigger> <Dialog.Trigger>
<span class="sr-only">open menu</span> <span class="sr-only">open menu</span>
<Menu aria-hidden="true" /> <Menu aria-hidden="true" />