Browse Source

feat(navbar): add Navbar boilerplate

initial state with non-functional 'login' and 'sign up' buttons
master
DanConwayDev 3 years ago
parent
commit
ea4c87703e
No known key found for this signature in database
GPG Key ID: 68E15486D73F75E1
  1. 16
      src/lib/components/navbar.svelte
  2. 10
      src/routes/+page.svelte

16
src/lib/components/navbar.svelte

@ -0,0 +1,16 @@ @@ -0,0 +1,16 @@
<script lang="ts">
</script>
<div class="navbar bg-neutral">
<div class="flex-1">
<h4>
<span class="primary">git</span>
<span class="">together</span>
<span class="">.xyz</span>
</h4>
</div>
<div class="flex-none gap-4">
<div class="btn btn-primary normal-case">Sign up</div>
<div class="btn btn-outline normal-case">Login</div>
</div>
</div>

10
src/routes/+page.svelte

@ -1,7 +1,5 @@ @@ -1,7 +1,5 @@
<h1 class="text-3xl font-bold underline">Hello world!</h1>
<script lang="ts">
import Navbar from "$lib/components/navbar.svelte";
</script>
<style lang="postcss">
:global(html) {
background-color: theme(colors.gray.100);
}
</style>
<Navbar />

Loading…
Cancel
Save