blboun3/personal-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Activity

Fixed navbar on smaller screens

Browse Source 
- Fixed: navbar change width in firefox on phones
This commit is contained in:
Cyril Šebek 2024-07-08 21:31:43 +02:00
parent 8958494701
commit ed7add8ae0
Signed by: blboun3
SSH Key Fingerprint: SHA256:n9dMtOPzgsD+CCerUJslEnU2dzVanbaIv0XDQVRVjeg
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/layouts/MainLayout.astro
View File

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