Buck9195/doesitarm
1
0
Fork 0
mirror of https://github.com/ThatGuySam/doesitarm.git synced 2026-05-18 06:44:46 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

Use video row for realted videos

Browse source
This commit is contained in:
Sam Carlton 2020-12-10 23:42:45 -06:00
parent 5fbe4d11bd
commit 3cbccc0a5b
1 changed files with 7 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

19
pages/tv/_slug.vue
View file

@ -31,7 +31,7 @@
<h2 class="subtitle text-xl md:text-2xl font-bold mb-3">
Related Apps
</h2>
<div class="featured-apps overflow-x-auto whitespace-no-wrap py-2 space-x-2">
<div class="featured-apps overflow-x-auto overflow-y-visible whitespace-no-wrap py-2 space-x-2">
<LinkButton
v-for="app in featuredApps"
:key="app.slug"
@ -47,16 +47,9 @@
<h2 class="subtitle text-xl md:text-2xl font-bold mb-3">
Related Videos
</h2>
<div class="featured-apps overflow-x-auto whitespace-no-wrap py-2 space-x-2">
<LinkButton
v-for="video in relatedVideos"
:key="video.slug"
:href="video.endpoint"
:class="[
'inline-block text-xs rounded-lg py-1 px-2',
]"
>{{ video.name }}</LinkButton>
</div>
<VideoRow
:videos="relatedVideos"
/>
</div>
<!-- video: {{ video }} -->
@ -78,11 +71,13 @@
<script>
import LinkButton from '~/components/link-button.vue'
import EmailSubscribe from '~/components/email-subscribe.vue'
import VideoRow from '~/components/video/row.vue'
export default {
components: {
LinkButton,
EmailSubscribe
EmailSubscribe,
VideoRow
},
async asyncData ({ params: { slug } }) {