aboutsummaryrefslogtreecommitdiff
path: root/src/lib/components/Navigation.svelte
blob: 0534f2e325f36cd60a93eec355b122f33c8382e1 (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
27
28
29
<script lang="ts">
  import { DarkMode, Navbar, NavLi, NavUl, NavHamburger, NavBrand } from 'flowbite-svelte';
    import Login from './Login.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>
  <div class='flex md:order-2'>
    <Login />
    <NavHamburger class='btn-leather' />
  </div>
  <NavUl class='ul-leather'>
    <NavLi href='./about'>About</NavLi>
    <NavLi href='./new/edit'>New Note</NavLi>
    <NavLi href='./visualize'>Visualize</NavLi>
    <NavLi>
      <DarkMode btnClass='btn-leather p-0'/>
    </NavLi>
  </NavUl>
</Navbar>