From ed7add8ae0ae5526d3912b8580fb2bbc584f9da8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cyril=20=C5=A0ebek?= <cyril@cyrilsebek.cz>
Date: Mon, 8 Jul 2024 21:31:43 +0200
Subject: [PATCH] Fixed navbar on smaller screens

- Fixed: navbar change width in firefox on phones
---
 src/layouts/MainLayout.astro | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/layouts/MainLayout.astro b/src/layouts/MainLayout.astro
index 4ecc521..fa6fa59 100644
--- a/src/layouts/MainLayout.astro
+++ b/src/layouts/MainLayout.astro
@@ -15,7 +15,9 @@ const t = useTranslations(lang)
         <meta charset="UTF-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <meta name="description" content={description} />
+        <meta name="generator" content={Astro.generator} />
         <link rel="shortcut icon" href={t("favicon")}>
+        <link rel="shortcut icon" href={t("favicon")} type="image/x-icon">
         <title>{title}</title>
         <ViewTransitions />
     </head>
@@ -23,8 +25,8 @@ const t = useTranslations(lang)
         <script transition:persist is:raw is:inline>
             document.addEventListener('astro:after-swap', () => {document.documentElement.setAttribute("data-theme", localStorage.getItem("data-theme") || document.documentElement.getAttribute("data-theme"));});
         </script>
-        <Navbar transition:persist/>
-        <div class="bg-bkg h-dvh overflow-y-scroll snap-mandatory snap-y scroll-smooth " transition:animate="slide" style="scrollbar-width: thin;">
+        <Navbar/>
+        <div class="bg-bkg h-dvh overflow-y-scroll snap-mandatory snap-y scroll-smooth " transition:animate="fade" style="scrollbar-width: thin;">
             <slot />
         </div>
     </body>