aboutsummaryrefslogtreecommitdiff
path: root/src/lib/components/Navigation.svelte
blob: 380e33cad195ca9c6d299bcffafffb2fd1b0ebf8 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<script lang="ts">
  import { DarkMode, Navbar, NavLi, NavUl, NavHamburger, NavBrand } from 'flowbite-svelte';

  let className: string;
  export { className as class };

  let leftMenuOpen: boolean = false;
</script>

<Navbar class={`Navbar navbar-leather ${className}`}>
  <div class='flex flex-grow justify-between'>
    <NavBrand href='./'>
      <h1 class='font-serif'>Alexandria</h1>
    </NavBrand>
  </div>
  <NavHamburger class='btn-leather' />
  <NavUl class='ul-leather'>
    <NavLi href='./about'>About</NavLi>
    <NavLi href='./new/edit'>New Note</NavLi>
    <NavLi href='./visualize'>Visualize</NavLi>
    <NavLi href='./login'>Login</NavLi>
    <NavLi>
      <DarkMode btnClass='btn-leather p-0'/>
    </NavLi>
  </NavUl>
</Navbar>