0
0
Fork 0
mirror of https://github.com/VueTubeApp/VueTube synced 2024-11-29 06:33:05 +00:00

Bug fixes & Slight UI updates

This commit is contained in:
Kenny 2022-03-07 13:38:54 -05:00
parent bd21fd5493
commit e5b4f12cee
3 changed files with 11 additions and 9 deletions

View file

@ -31,7 +31,7 @@ export default {
<style scoped> <style scoped>
.bottomNav { .bottomNav {
position: sticky; position: fixed;
bottom: 0; bottom: 0;
padding: 0 !important; padding: 0 !important;
z-index: 99999; z-index: 99999;

View file

@ -1,16 +1,13 @@
<template> <template>
<v-app> <v-app>
<v-card class="topNav rounded-0" style="display: flex; box-shadow: none !important;" color="accent white--text"> <v-card class="topNav rounded-0" style="display: flex; box-shadow: none !important;" color="accent white--text">
<h2 v-text="page" /> <h2 v-text="page" v-show="!search" />
<v-spacer /> <v-spacer />
<v-btn text class="toolbarAction mr-2 fill-height" color="white" @click="search = !search"><v-icon>mdi-magnify</v-icon></v-btn> <v-btn text class="toolbarAction mr-2 fill-height" color="white" @click="search = !search"><v-icon>mdi-magnify</v-icon></v-btn>
<v-menu offset-y content-class="mt-8"> <v-menu offset-y content-class="mt-8">
<template v-slot:activator="{ on, attrs }"> <template v-slot:activator="{ on, attrs }"><v-btn text class="toolbarAction fill-height" v-bind="attrs" v-on="on" color="white" v-show="!search"><v-icon>mdi-dots-vertical</v-icon></v-btn></template>
<v-btn text class="toolbarAction fill-height" v-bind="attrs" v-on="on" color="white"><v-icon>mdi-dots-vertical</v-icon></v-btn>
</template>
<v-list style="min-width: 180px;"> <v-list style="min-width: 180px;">
<v-list-item v-for="(item, index) in dropdownMenu" :key="index"> <v-list-item v-for="(item, index) in dropdownMenu" :key="index">
<v-btn text :to="item.link" style="text-decoration: none; width: 100%;" class="info--text">{{ item.title }}</v-btn> <v-btn text :to="item.link" style="text-decoration: none; width: 100%;" class="info--text">{{ item.title }}</v-btn>
@ -49,7 +46,8 @@ html, body {
} }
.topNav { .topNav {
padding: 1rem; padding: 1rem;
position: sticky; position: fixed;
width: 100%;
top: 0; top: 0;
z-index: 999; z-index: 999;
/*border-radius: 0 0 1em 1em !important;*/ /*border-radius: 0 0 1em 1em !important;*/
@ -61,7 +59,7 @@ html, body {
} }
.background { .background {
height: 100%; height: 100%;
/*border-radius: 1rem 1rem 0 0;*/ /* Causes really weird display issues */ padding: 4em 0 4em 0; /* Account for Top/Bottom Novigation */
} }
</style> </style>

View file

@ -48,7 +48,11 @@ export default {
}, },
mounted() { mounted() {
this.$vuetube.commits((commits) => { this.$vuetube.commits((commits) => {
this.commits = commits; if (commits[0].sha) { //If Commit Valid
this.commits = commits;
} else {
console.log(commits)
}
}) })
}, },
methods: { methods: {