diff options
| author | Andrew Lee <alee14498@protonmail.com> | 2020-08-16 13:51:48 -0400 |
|---|---|---|
| committer | Andrew Lee <alee14498@protonmail.com> | 2020-08-16 13:51:48 -0400 |
| commit | 95becfef1851b4c1d320457a0da5eeb31bc4128f (patch) | |
| tree | f1032a3716bceb58a4d25e268f2bebee10c9b3cf | |
| parent | 3e486f7be41171cc9be8339c641c2f35fe0df8d3 (diff) | |
| download | personal-website-95becfef1851b4c1d320457a0da5eeb31bc4128f.tar.gz personal-website-95becfef1851b4c1d320457a0da5eeb31bc4128f.tar.bz2 personal-website-95becfef1851b4c1d320457a0da5eeb31bc4128f.zip | |
Some navbar tweaks
| -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> |