forked from Cookies_Github_mirror/AquaDX
33 lines
701 B
Svelte
33 lines
701 B
Svelte
<script lang="ts">
|
|
import { t } from "../../libs/i18n";
|
|
|
|
const tabs: Record<string, string> = {
|
|
[t('home.nav.portal')]: `/home`,
|
|
[t('home.nav.link-card')]: `/cards`,
|
|
[t('home.nav.game-setup')]: `/setup`,
|
|
[t('home.nav.support')]: `/support`
|
|
}
|
|
</script>
|
|
|
|
<nav class="tabs">
|
|
{#each Object.entries(tabs) as t, i}
|
|
<a class="clickable"
|
|
href={t[1]}
|
|
class:active={
|
|
new URL(location.href).pathname === t[1]
|
|
}>
|
|
{t[0]}
|
|
</a>
|
|
{/each}
|
|
</nav>
|
|
|
|
<style lang="sass">
|
|
@use "../../vars"
|
|
.tabs
|
|
display: flex
|
|
gap: 1rem
|
|
|
|
div
|
|
&.active
|
|
color: vars.$c-main
|
|
</style> |