loke/lorenzoiovino.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: optimize performance and fix CLS issues

Browse source
This commit is contained in:
Lorenzo Iovino 2026-01-09 16:40:37 +01:00
parent 5f95673d2f
commit 719aaeaa4d
7 changed files with 88 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/components/Navbar.astro
View file

@ -134,6 +134,7 @@ const currentPath = Astro.url.pathname;
<div
id="mobile-menu"
class="hidden md:hidden bg-secondary dark:bg-gray-800 transition-colors duration-200"
style="max-height: 0; overflow: hidden; transition: max-height 0.3s ease-in-out;"
>
<div class="px-4 py-3 space-y-3">
<a
@ -176,7 +177,15 @@ const currentPath = Astro.url.pathname;
const mobileMenu = document.getElementById("mobile-menu");
mobileMenuButton?.addEventListener("click", () => {
mobileMenu?.classList.toggle("hidden");
if (mobileMenu?.classList.contains("hidden")) {
mobileMenu.classList.remove("hidden");
mobileMenu.style.maxHeight = "500px";
} else if (mobileMenu) {
mobileMenu.style.maxHeight = "0";
setTimeout(() => {
mobileMenu?.classList.add("hidden");
}, 300);
}
});
// Theme toggle functionality