From 550b1410e37221b48c9047e8c8dca18352568bab Mon Sep 17 00:00:00 2001
From: Sveske_Juice <carl.benjamin.dreyer@gmail.com>
Date: Sun, 25 Feb 2024 22:35:31 +0100
Subject: [PATCH] hamburger transition

---
 src/routes/+layout.svelte | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 50676fe..bdf3082 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+    import { fade, fly } from 'svelte/transition';
     import MediaQuery from 'svelte-media-queries';
 
     const footerCollapseThreshold : string = '1000px';
@@ -44,7 +45,7 @@
                     </button>
             </div>
             {#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="/games">Games</a>
                     <a on:click={resetNavBar} href="/post">Blog</a>