external links go to _blank

This commit is contained in:
Henri
2026-02-24 05:30:28 +02:00
parent 4a452e9793
commit e7162a8d0e
2 changed files with 11 additions and 11 deletions

View File

@@ -106,14 +106,14 @@
} }
</style> </style>
<Section className="text-white" background="off-black" padding="small"> <Section className="text-black" background="orange" padding="small">
{#if $text && Object.keys($text).length > 0} {#if $text && Object.keys($text).length > 0}
<div class="flex items-center w-full relative min-h-16"> <div class="flex items-center w-full relative min-h-16">
<!-- Logo --> <!-- Logo -->
{#if currentPath !== "/"} {#if currentPath !== "/"}
<div class="absolute left-1/2 -translate-x-1/2 top-1/2 -translate-y-1/2 md:relative md:left-auto md:translate-x-0 md:top-auto md:translate-y-0"> <div class="absolute left-1/2 -translate-x-1/2 top-1/2 -translate-y-1/2 md:relative md:left-auto md:translate-x-0 md:top-auto md:translate-y-0">
<Button onClick={() => handleNavigation("/")}> <Button onClick={() => handleNavigation("/")}>
<img src="assets/LapLogo_white_orange.png" alt="Lapikud Logo" class="h-16" /> <img src="assets/LapLogo_black_white.png" alt="Lapikud Logo" class="h-16" />
</Button> </Button>
</div> </div>
{/if} {/if}
@@ -124,8 +124,8 @@
<Dropdown <Dropdown
name={$text.about || 'Meist'} name={$text.about || 'Meist'}
buttonClass="rounded-[5px]" buttonClass="rounded-[5px]"
buttonHoverStyle="background-color:var(--orange); color:var(--black)" buttonHoverStyle="color:var(--white)"
panelClassName="bg-[var(--off-black)]" panelClassName="bg-[var(--white)] text-[var(--black)]"
> >
<Button class="rounded-[5px] bg-transparent" buttonHoverStyle="color:var(--orange)" onClick={() => navigate("/lapikutest")} <Button class="rounded-[5px] bg-transparent" buttonHoverStyle="color:var(--orange)" onClick={() => navigate("/lapikutest")}
>{$text.aboutPages.info}</Button >{$text.aboutPages.info}</Button
@@ -143,8 +143,8 @@
<Dropdown <Dropdown
name={$text.events} name={$text.events}
buttonClass="rounded-[5px]" buttonClass="rounded-[5px]"
buttonHoverStyle="background-color:var(--orange); color:var(--black)" buttonHoverStyle="color:var(--white)"
panelClassName="bg-[var(--off-black)]" panelClassName="bg-[var(--white)] text-[var(--black)]"
> >
<Button class="rounded-[5px] bg-transparent" buttonHoverStyle="color:var(--orange)" onClick={() => navigate("/koolitused")} <Button class="rounded-[5px] bg-transparent" buttonHoverStyle="color:var(--orange)" onClick={() => navigate("/koolitused")}
><Presentation />{$text.eventsPages.workshops}</Button ><Presentation />{$text.eventsPages.workshops}</Button
@@ -159,10 +159,10 @@
><Coffee />{$text.eventsPages.repair}</Button ><Coffee />{$text.eventsPages.repair}</Button
> >
</Dropdown> </Dropdown>
<Button buttonHoverStyle="background-color:var(--orange); color:var(--black)" class="rounded-[5px]" onClick={() => navigate("/kontakt")} <Button buttonHoverStyle="color:var(--white)" class="rounded-[5px]" onClick={() => navigate("/kontakt")}
>{$text.contact} >{$text.contact}
</Button> </Button>
<Button buttonHoverStyle="background-color:var(--orange); color:var(--black)" class="rounded-[5px]" onClick={() => navigate("/helpdesk")} <Button buttonHoverStyle="color:var(--white)" class="rounded-[5px]" onClick={() => navigate("/helpdesk")}
>{$text.helpdesk} >{$text.helpdesk}
</Button> </Button>
@@ -170,7 +170,7 @@
<Button <Button
class="rounded-[5px] px-3 py-1 text-sm ml-2" class="rounded-[5px] px-3 py-1 text-sm ml-2"
style="color: var(--orange)" style="color: var(--orange)"
buttonHoverStyle="background-color:var(--orange); color:var(--black)" buttonHoverStyle="color:var(--white)"
onClick={() => switchLanguageRoute($currentLang === 'est' ? 'en' : 'est')} onClick={() => switchLanguageRoute($currentLang === 'est' ? 'en' : 'est')}
> >
{$currentLang === 'est' ? 'EN' : 'EST'} {$currentLang === 'est' ? 'EN' : 'EST'}
@@ -181,7 +181,7 @@
<Button <Button
onClick={toggleMobileMenu} onClick={toggleMobileMenu}
class="md:hidden p-2 text-white transition-colors bg-transparent absolute right-0" class="md:hidden p-2 text-white transition-colors bg-transparent absolute right-0"
buttonHoverStyle="color: var(--orange)" buttonHoverStyle="color: var(--white)"
style="opacity: {mobileMenuOpen ? '0' : '1'}; pointer-events: {mobileMenuOpen ? 'none' : 'auto'};" style="opacity: {mobileMenuOpen ? '0' : '1'}; pointer-events: {mobileMenuOpen ? 'none' : 'auto'};"
aria-label="Toggle menu" aria-label="Toggle menu"
> >

View File

@@ -11,7 +11,7 @@ export function navigate(path, options = {}) {
const { external = false } = options; const { external = false } = options;
if (external) { if (external) {
window.location.href = path; window.open(path, '_blank', 'noopener,noreferrer');
} else { } else {
window.history.pushState({}, "", path); window.history.pushState({}, "", path);
window.dispatchEvent(new PopStateEvent('popstate')); window.dispatchEvent(new PopStateEvent('popstate'));