From e48038f7fcfa09f3c72b8cd5714949f4054aa3a8 Mon Sep 17 00:00:00 2001
From: Andrew Lee <alee14498@protonmail.com>
Date: Sun, 16 Aug 2020 16:57:48 -0400
Subject: Using a hamburger menu icon instead of text

---
 components/Navbar.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

(limited to 'components')

diff --git a/components/Navbar.vue b/components/Navbar.vue
index 9e14274..8c69807 100644
--- a/components/Navbar.vue
+++ b/components/Navbar.vue
@@ -6,7 +6,7 @@
 
           <!-- Mobile Only -->
           <span class="hidden-sm-and-up">
-          <v-btn @click.stop="drawer = !drawer">Menu</v-btn>
+          <v-btn @click.stop="drawer = !drawer"><v-icon>mdi-menu</v-icon></v-btn>
           </span>
           <!-- Desktop + Tablets Only -->
           <v-toolbar-items class="hidden-xs-only">
@@ -16,12 +16,17 @@
 
         <!-- Mobile Only -->
         <v-navigation-drawer v-model="drawer" absolute temporary left>
+          <v-list-item>
+          <v-list-item-content>
+            <v-list-item-title class="title">Andrew Lee</v-list-item-title>
+          </v-list-item-content>
+          </v-list-item>
+          <v-divider></v-divider>
           <v-list dense>
           <v-list-item v-for="item in items" :key="item.title" :to="item.link" link>
           <v-list-item-icon>
             <v-icon>mdi-{{ item.icon }}</v-icon>
           </v-list-item-icon>
-
           <v-list-item-content>
               <v-list-item-title>{{ item.title }}</v-list-item-title>
           </v-list-item-content>
-- 
cgit v1.2.3