diff options
Diffstat (limited to 'iridescence/src/components/Navbar.vue')
| -rw-r--r-- | iridescence/src/components/Navbar.vue | 21 |
1 files changed, 13 insertions, 8 deletions
diff --git a/iridescence/src/components/Navbar.vue b/iridescence/src/components/Navbar.vue index bf287b2..b83834a 100644 --- a/iridescence/src/components/Navbar.vue +++ b/iridescence/src/components/Navbar.vue @@ -1,9 +1,14 @@ <template> <div id="navbar"> - <nav class="navbar"> + <nav class="navbar is-primary"> <div class="navbar-brand"> <div class="navbar-item"> <img src="@/assets/logo.png" /> + <div class="navbar-item"> + <span> + The Glassy Ladies + </span> + </div> </div> <a class="navbar-burger burger" v-on:click="toggleNavMenu"> <span></span> @@ -13,12 +18,12 @@ </div> <div :class="navMenu"> <div class="navbar-start"> - <a class="navbar-item"> - <router-link to="/">Home</router-link> - </a> - <a class="navbar-item"> - <router-link to="/about">About</router-link> - </a> + <router-link to="/" class="navbar-item"> + Home + </router-link> + <router-link to="/about" class="navbar-item"> + About + </router-link> </div> <div class="navbar-end"> <div class="navbar-item"> @@ -26,7 +31,7 @@ <button class="button"> Cart (5) </button> - <button class="button is-primary"> + <button class="button is-info"> Checkout </button> </div> |