feat: add navbar items

This commit is contained in:
mmmchimps 2023-01-17 19:49:34 +01:00
parent c17e32d62a
commit 5b6abad098
2 changed files with 22 additions and 9 deletions

BIN
src/assets/sparti_logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@ -1,16 +1,29 @@
<script lang="ts"> <script lang="ts">
let sparti_logo = "./src/assets/sparti_logo.png"
</script> </script>
<main> <main>
<section class="hero is-primary welcome is-small"> <nav class="navbar is-white is-spaced has-shadow">
<div class="hero-body"> <div class="navbar-brand">
<div class="container"> <a class="navbar-item">
<h1 class="title">Inventur</h1> <img src={sparti_logo} />
<h2 class="subtitle"> </a>
<slot /> </div>
</h2> <div id="navbar-menu">
<div class="navbar-start">
<a class="navbar-item ">
Bier
</a>
<a class="navbar-item">
Brause & Wasser
</a>
<a class="navbar-item">
Wein & Sekt
</a>
<a class="navbar-item">
Schnaps & Sirup
</a>
</div> </div>
</div> </div>
</section> </nav>
</main> </main>