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:
parent
bd21fd5493
commit
e5b4f12cee
3 changed files with 11 additions and 9 deletions
|
@ -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;
|
||||||
|
|
|
@ -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>
|
||||||
|
|
||||||
|
|
|
@ -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: {
|
||||||
|
|
Loading…
Reference in a new issue