etc
/
VueTube
mirror of https://github.com/VueTubeApp/VueTube
0
0
Fork 0
Code Issues Projects Releases Wiki Activity

new navigation buttons

This commit is contained in:
Kenny 2022-03-07 08:52:38 -05:00
parent 818ebaa4f6
commit a0adb45035
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
NUXT/components/bottomNavigation.vue
View File

@ -1,10 +1,10 @@
<template>
<v-bottom-navigation v-model="tabSelection" shift class="bottomNav py-4 accent2">
<v-btn v-for="(item, i) in tabs" :key="i" rounded class="navButton" :to="item.link">
<v-btn v-for="(item, i) in tabs" :key="i" rounded class="navButton" :to="item.link" plain v-ripple="false">
<span v-text="item.name" />
<v-icon v-text="item.icon" :color="tabSelection == i ? 'primary' : 'grey'" />
<v-icon v-text="item.icon" :color="tabSelection == i ? 'primary' : 'grey'" :class="tabSelection == i ? 'tab primary lighten-4' : ''" />
</v-btn>
</v-bottom-navigation>
@ -41,4 +41,8 @@ export default {
font-size: .66rem !important;
border-radius: 2rem !important;
}
.tab {
padding: 0.1em 0.5em 0.1em 0.5em;
border-radius: 1em;
}
</style>