etc/VueTube
0
0
Fork 0
mirror of https://github.com/VueTubeApp/VueTube synced 2024-11-26 21:23:02 +00:00
Code Issues Projects Releases Wiki Activity

feat: ✨ Expandable Description

Browse source 
as per issue #127

#127
This commit is contained in:
Front 2022-03-20 09:17:26 -04:00
parent ba690a9d1a
commit d0079ca4f8
1 changed files with 13 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
NUXT/pages/watch.vue
View file

@ -16,13 +16,23 @@
<div v-text="item.value || item.name" /> <div v-text="item.value || item.name" />
</button> </button>
</v-list-item> </v-list-item>
<v-btn @click="showMore = !showMore"><v-icon>mdi-chevron-down</v-icon></v-btn>
</div> </div>
<!-- End Scrolling Div For Interactions ---> <!-- End Scrolling Div For Interactions --->
</v-card-text> </v-card-text>
<p>{{ description }}</p>
<v-bottom-sheet v-model="showMore" color="accent2">
<v-sheet>
<v-btn @click="showMore = !showMore"><v-icon>mdi-chevron-up</v-icon></v-btn>
{{ description }}
</v-sheet>
</v-bottom-sheet>
</v-card> </v-card>
<recommended /> <recommended />
@ -50,6 +60,7 @@ export default {
{ name: "Dislikes", icon: "mdi-thumb-down", action: null, value: this.dislikes, disabled: true }, { name: "Dislikes", icon: "mdi-thumb-down", action: null, value: this.dislikes, disabled: true },
{ name: "Share", icon: "mdi-share", action: null, disabled: true }, { name: "Share", icon: "mdi-share", action: null, disabled: true },
], ],
showMore: false,
title: null, title: null,
likes: 100, likes: 100,