From 95becfef1851b4c1d320457a0da5eeb31bc4128f Mon Sep 17 00:00:00 2001
From: Andrew Lee <alee14498@protonmail.com>
Date: Sun, 16 Aug 2020 13:51:48 -0400
Subject: Some navbar tweaks

---
 components/Navbar.vue | 28 +++++++++++-----------------
 1 file changed, 11 insertions(+), 17 deletions(-)

(limited to 'components/Navbar.vue')

diff --git a/components/Navbar.vue b/components/Navbar.vue
index 6795752..9e14274 100644
--- a/components/Navbar.vue
+++ b/components/Navbar.vue
@@ -1,26 +1,20 @@
 <template>
     <div>
         <v-app-bar>
-            <v-toolbar-title>Andrew Lee</v-toolbar-title>
-            <v-spacer/>
+          <v-toolbar-title>Andrew Lee</v-toolbar-title>
+          <v-spacer/>
 
-            <span class="hidden-sm-and-up">
-            <v-btn @click.stop="drawer = !drawer">Menu</v-btn>
-            </span>
-
-            <v-toolbar-items class="hidden-xs-only">
-            <v-btn to="/" text>
-                Home
-            </v-btn>
-            <v-btn to="/blog" text>
-                Blog
-            </v-btn>
-            <v-btn to="/projects" text>
-                Projects
-            </v-btn>
-            </v-toolbar-items>
+          <!-- Mobile Only -->
+          <span class="hidden-sm-and-up">
+          <v-btn @click.stop="drawer = !drawer">Menu</v-btn>
+          </span>
+          <!-- Desktop + Tablets Only -->
+          <v-toolbar-items class="hidden-xs-only">
+          <v-btn v-for="item in items" :key="item.title" :to="item.link" text>{{ item.title }}</v-btn>
+          </v-toolbar-items>
         </v-app-bar>
 
+        <!-- Mobile Only -->
         <v-navigation-drawer v-model="drawer" absolute temporary left>
           <v-list dense>
           <v-list-item v-for="item in items" :key="item.title" :to="item.link" link>
-- 
cgit v1.2.3

