mirror of
https://github.com/seanmorley15/AdventureLog.git
synced 2025-07-29 01:39:36 +02:00
Add Navbar component and camping logo to page
This commit is contained in:
parent
90036c5c14
commit
c806cf074d
4 changed files with 35 additions and 0 deletions
29
src/lib/components/Navbar.svelte
Normal file
29
src/lib/components/Navbar.svelte
Normal file
|
@ -0,0 +1,29 @@
|
|||
<style>
|
||||
.navbar {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<script lang="ts">
|
||||
function navHome() {
|
||||
window.location.href = '/';
|
||||
|
||||
}
|
||||
function navLog() {
|
||||
window.location.href = '/log';
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
<div class="navbar">
|
||||
|
||||
<p>AdventureLog 🗺️</p>
|
||||
<button on:click={navHome}>Home</button>
|
||||
<button on:click={navLog}>Log</button>
|
||||
<hr>
|
||||
<br>
|
||||
</div>
|
Loading…
Add table
Add a link
Reference in a new issue