etc/VueTube
0
0
Fork 0
mirror of https://github.com/VueTubeApp/VueTube synced 2024-11-19 01:35:14 +00:00
Code Issues Projects Releases Wiki Activity

refactor: ⚡ basic cleanup

Browse source
This commit is contained in:
Front 2022-03-20 12:55:25 -04:00
parent 5e4fd90a44
commit ad3b399036
2 changed files with 9 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
NUXT/layouts/default.vue
View file

@ -29,13 +29,13 @@
<div style="height: calc(100% - 1rem); margin-top: 1rem; padding-top: 3rem; background: linear-gradient(var(--v-accent-base) 0%, var(--v-accent2-base) 100%); border-radius: 1rem;"> <div style="height: calc(100% - 1rem); margin-top: 1rem; padding-top: 3rem; background: linear-gradient(var(--v-accent-base) 0%, var(--v-accent2-base) 100%); border-radius: 1rem;">
<div <div
class="background scroll-y" class="background scroll-y"
style="padding: 0; height: calc(100vh - 8rem); overflow-x: hidedn;" style="padding: 0; height: calc(100vh - 8rem); overflow-x: hidden;"
> >
<nuxt v-show="!search" /> <nuxt v-show="!search" />
<div style="min-width: 180px;" v-if="search"> <div style="min-width: 180px;" v-if="search">
<v-list-item v-for="(item, index) in response" :key="index"> <v-list-item v-for="(item, index) in response" :key="index">
<v-btn text dense class="info--text searchButton text-left" @click="youtubeSearch(item)" v-text="item[0]" /> <v-btn text dense class="info--text searchButton text-left text-capitalize" @click="youtubeSearch(item)" v-text="item[0]" />
</v-list-item> </v-list-item>
</div> </div>

10
NUXT/pages/watch.vue
View file

@ -2,12 +2,12 @@
<div> <div>
<video controls autoplay :src="vidSrc" width="100%" height="300vh" /> <video controls autoplay :src="vidSrc" width="100%" height="300vh" />
<v-card class="ml-2 mr-2 flat light" flat> <v-card class="ml-2 mr-2 flat light" flat>
<v-card-title style="padding-top: 0;">{{ title }}</v-card-title> <v-card-title style="padding-top: 0; padding-bottom: 0; font-size: 0.95em;" v-text="title" />
<v-card-text> <v-card-text>
<span>{{ views }} views • {{uploaded}}</span><br /> <div style="margin-bottom: 1em;">{{ views }} views • {{uploaded}}</div>
<!-- Scrolling Div For Interactions ---> <!-- Scrolling Div For Interactions --->
<div style="display: flex;"> <div style="display: flex; margin-bottom: 1em;">
<v-list-item v-for="(item, index) in interactions" :key="index" style="padding: 0; flex: 0 0 20%;"> <v-list-item v-for="(item, index) in interactions" :key="index" style="padding: 0; flex: 0 0 20%;">
@ -22,6 +22,10 @@
<v-btn text @click="showMore = !showMore"><v-icon>mdi-chevron-up</v-icon></v-btn> <v-btn text @click="showMore = !showMore"><v-icon>mdi-chevron-up</v-icon></v-btn>
</div> </div>
<!-- End Scrolling Div For Interactions ---> <!-- End Scrolling Div For Interactions --->
<hr>
<p>Channel Stuff</p>
<hr>
</v-card-text> </v-card-text>