navbar link fix

This commit is contained in:
Henri
2026-02-12 02:45:02 +02:00
parent ecf19c4522
commit ea749fe7b5

View File

@@ -33,7 +33,6 @@
} }
} }
// Cleanup on component destroy
onDestroy(() => { onDestroy(() => {
if (typeof document !== 'undefined') { if (typeof document !== 'undefined') {
document.body.style.overflow = ''; document.body.style.overflow = '';
@@ -51,7 +50,7 @@
setTimeout(() => { setTimeout(() => {
mobileMenuOpen = false; mobileMenuOpen = false;
isClosing = false; isClosing = false;
}, 300); // Match animation duration }, 300);
} }
function handleNavigation(path, options = {}) { function handleNavigation(path, options = {}) {
@@ -123,7 +122,7 @@
<Button class="rounded-[5px] bg-transparent" buttonHoverStyle="color:var(--orange)" onClick={() => navigate("https://asikarikas.ee/", { external: true })} <Button class="rounded-[5px] bg-transparent" buttonHoverStyle="color:var(--orange)" onClick={() => navigate("https://asikarikas.ee/", { external: true })}
><Trophy />ASI Karikas</Button ><Trophy />ASI Karikas</Button
> >
<Button class="rounded-[5px] bg-transparent" buttonHoverStyle="color:var(--orange)" onClick={() => navigate("/mentorid")} <Button class="rounded-[5px] bg-transparent" buttonHoverStyle="color:var(--orange)" onClick={() => navigate("/koolitused")}
><Presentation />{$text.nav.eventsPages.workshops}</Button ><Presentation />{$text.nav.eventsPages.workshops}</Button
> >
<Button class="rounded-[5px] bg-transparent" buttonHoverStyle="color:var(--orange)" onClick={() => navigate("/rebased")} <Button class="rounded-[5px] bg-transparent" buttonHoverStyle="color:var(--orange)" onClick={() => navigate("/rebased")}
@@ -156,12 +155,11 @@
<!-- Full Screen Mobile Menu --> <!-- Full Screen Mobile Menu -->
{#if mobileMenuOpen} {#if mobileMenuOpen}
<div <div
class="fixed inset-0 z-[100] bg-[var(--off-black)] md:hidden flex flex-col overflow-hidden" class="fixed inset-0 z-100 bg-(--off-black) md:hidden flex flex-col overflow-hidden"
class:menu-opening={!isClosing} class:menu-opening={!isClosing}
class:menu-closing={isClosing} class:menu-closing={isClosing}
> >
<!-- Fixed Close Button - positioned to match hamburger with Section padding --> <div class="absolute top-8 right-0 px-(--site-padding)">
<div class="absolute top-8 right-0 px-[var(--site-padding)]">
<button <button
on:click={closeMobileMenu} on:click={closeMobileMenu}
class="ml-auto p-2 hover:text-orange-500 transition-colors flex" class="ml-auto p-2 hover:text-orange-500 transition-colors flex"