mirror of
https://github.com/bartvdbraak/omnidash.git
synced 2025-04-27 23:41:21 +00:00
25 lines
693 B
Svelte
25 lines
693 B
Svelte
<script lang="ts">
|
|
import { page } from '$app/stores';
|
|
import { cn } from '$lib/utils';
|
|
import { navConfig } from '$lib/config/nav';
|
|
|
|
export let authenticated = false;
|
|
</script>
|
|
|
|
<div class="mr-4 hidden md:flex">
|
|
<nav class="flex items-center space-x-6 text-sm font-medium">
|
|
{#each navConfig.mainNav as navItem, index (navItem + index.toString())}
|
|
{#if navItem.href && (navItem.auth == authenticated || navItem.always)}
|
|
<a
|
|
href={navItem.href}
|
|
class={cn(
|
|
'hover:text-foreground/80 transition-colors',
|
|
$page.url.pathname === navItem.href ? 'text-foreground' : 'text-foreground/60'
|
|
)}
|
|
>
|
|
{navItem.title}
|
|
</a>
|
|
{/if}
|
|
{/each}
|
|
</nav>
|
|
</div>
|