forked from Simnation/Main
23 lines
588 B
Svelte
23 lines
588 B
Svelte
<script lang="ts">
|
|
import NavItem from './atoms/NavItem.svelte';
|
|
import PanelStore from '../stores/PanelStore';
|
|
import type { side } from '../types/types';
|
|
|
|
export let side: side;
|
|
|
|
const { panelActive, panels } = PanelStore;
|
|
</script>
|
|
|
|
<nav class="w-[80px] min-h-screen nav flex flex-col z-10">
|
|
<div class="ps-logo w-full h-[80px]"/>
|
|
{#each $panels as item}
|
|
<NavItem name={item.name} isActive={item.name == $panelActive} icon={item.icon} {side}/>
|
|
{/each}
|
|
</nav>
|
|
|
|
<style>
|
|
.nav {
|
|
background: var(--color-darkerblue);
|
|
border-left: 1px solid var(--color-darkblue);
|
|
}
|
|
</style>
|