spartacus-inventur-frontend/src/lib/Navbar.svelte

38 lines
1.2 KiB
Svelte
Raw Normal View History

2023-01-17 20:14:05 +01:00
<!-- svelte-ignore a11y-missing-attribute -->
2023-01-18 22:58:07 +01:00
<!-- svelte-ignore a11y-click-events-have-key-events -->
2023-01-17 18:49:03 +01:00
<script lang="ts">
2023-01-18 22:58:07 +01:00
import { activeCategory } from "../stores";
let sparti_logo = "./src/assets/sparti_logo.png";
const setActiveCategory = (category: string) => {
$activeCategory = category;
}
2023-01-17 18:49:03 +01:00
</script>
<main>
2023-01-17 19:49:34 +01:00
<nav class="navbar is-white is-spaced has-shadow">
<div class="navbar-brand">
<a class="navbar-item">
<img src={sparti_logo} />
</a>
</div>
<div id="navbar-menu">
<div class="navbar-start">
2023-01-18 22:58:07 +01:00
<a class="navbar-item" on:click={() => setActiveCategory("beer")}>
2023-01-17 19:49:34 +01:00
Bier
</a>
2023-01-18 22:58:07 +01:00
<a class="navbar-item" on:click={() => setActiveCategory("fizzyDrink")}>
2023-01-17 19:49:34 +01:00
Brause & Wasser
</a>
2023-01-18 22:58:07 +01:00
<a class="navbar-item" on:click={() => setActiveCategory("wine")}>
2023-01-17 19:49:34 +01:00
Wein & Sekt
</a>
2023-01-18 22:58:07 +01:00
<a class="navbar-item" on:click={() => setActiveCategory("spirit")}>
2023-01-17 19:49:34 +01:00
Schnaps & Sirup
</a>
2023-01-17 18:49:03 +01:00
</div>
</div>
2023-01-17 19:49:34 +01:00
</nav>
2023-01-17 18:49:03 +01:00
</main>