Sveskejuice
/
deprived-main-website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

hamburger transition

This commit is contained in:
Sveske_Juice 2024-02-25 22:35:31 +01:00
parent 1422b93fcd
commit 550b1410e3
1 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/routes/+layout.svelte
View File

@ -1,4 +1,5 @@
<script lang="ts"> <script lang="ts">
import { fade, fly } from 'svelte/transition';
import MediaQuery from 'svelte-media-queries'; import MediaQuery from 'svelte-media-queries';
const footerCollapseThreshold : string = '1000px'; const footerCollapseThreshold : string = '1000px';
@ -44,7 +45,7 @@
</button> </button>
</div> </div>
{#if !navbarHidden} {#if !navbarHidden}
<div class="nav-list"> <div class="nav-list" transition:fly={{ y: -25, duration: 350 }}>
<a on:click={resetNavBar} href="/">Home</a> <a on:click={resetNavBar} href="/">Home</a>
<a on:click={resetNavBar} href="/games">Games</a> <a on:click={resetNavBar} href="/games">Games</a>
<a on:click={resetNavBar} href="/post">Blog</a> <a on:click={resetNavBar} href="/post">Blog</a>