mirror of
https://github.com/Lapikud/lapikud.github.io.git
synced 2026-08-08 19:49:13 +00:00
external links go to _blank
This commit is contained in:
@@ -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"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -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'));
|
||||||
|
|||||||
Reference in New Issue
Block a user