summaryrefslogtreecommitdiff
path: root/iridescence/src/components/Navbar.vue
diff options
context:
space:
mode:
Diffstat (limited to 'iridescence/src/components/Navbar.vue')
-rw-r--r--iridescence/src/components/Navbar.vue21
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>