diff options
| -rw-r--r-- | components/Navbar.vue | 28 |
1 files changed, 11 insertions, 17 deletions
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> |