LukeParke/website
1
0
Fork 0
mirror of https://github.com/LukeHagar/website.git synced 2025-12-10 04:22:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: mobile nav on navigation

Browse Source
This commit is contained in:
Torsten Dittmann
2023-09-29 11:43:20 +02:00
parent 7e6622edcd
commit af53383c72
1 changed files with 14 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/lib/components/MobileNav.svelte
View File

@@ -1,16 +1,23 @@
<script lang="ts">
import { afterNavigate } from '$app/navigation';
import type { NavLink } from '$lib/layouts/Main.svelte';
export let open = false;
export let links: NavLink[];
afterNavigate(() => {
open = false;
});
</script>
<svelte:window on:resize={() => (open = false)} />
<svelte:window on:resize={() => open && (open = false)} />
<nav class="aw-side-nav aw-is-not-desktop" class:u-hide={!open}>
<div class="aw-side-nav-wrapper aw-u-padding-inline-16">
<div class="u-flex items-center u-gap-8">
<a href="https://cloud.appwrite.io/register" class="aw-button is-secondary u-width-full-line">Sign up</a>
<a href="https://cloud.appwrite.io/register" class="aw-button is-secondary u-width-full-line">
Sign up
</a>
<a href="https://cloud.appwrite.io" class="aw-button u-width-full-line">Get started</a>
</div>
@@ -28,7 +35,11 @@
</section>
</div>
<div class="aw-side-nav-mobile-footer-buttons">
<a href="https://github.com/appwrite/appwrite/stargazers" target="_blank" class="aw-button is-text u-width-full-line">
<a
href="https://github.com/appwrite/appwrite/stargazers"
target="_blank"
class="aw-button is-text u-width-full-line"
>
<span class="aw-icon-star" aria-hidden="true" />
<span class="text">Star on GitHub</span>
<span class="aw-inline-tag aw-sub-body-400">33.2K</span>