diff options
| author | Andrew Lee <alee14498@protonmail.com> | 2020-08-16 16:57:48 -0400 |
|---|---|---|
| committer | Andrew Lee <alee14498@protonmail.com> | 2020-08-16 16:57:48 -0400 |
| commit | e48038f7fcfa09f3c72b8cd5714949f4054aa3a8 (patch) | |
| tree | 4ba6b9e2f8a0d2d57b65e940c6c803b7e4473ab8 | |
| parent | 7be0e6d7ac2c5d13ece2a6568fe25405a92d2e5a (diff) | |
| download | personal-website-e48038f7fcfa09f3c72b8cd5714949f4054aa3a8.tar.gz personal-website-e48038f7fcfa09f3c72b8cd5714949f4054aa3a8.tar.bz2 personal-website-e48038f7fcfa09f3c72b8cd5714949f4054aa3a8.zip | |
Using a hamburger menu icon instead of text
| -rw-r--r-- | components/Navbar.vue | 9 |
1 files changed, 7 insertions, 2 deletions
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> |