TeamPiped-mirror/Piped
1
0
Fork 0
mirror of https://github.com/TeamPiped/Piped.git synced 2024-08-14 23:57:27 +00:00
Code Issues Projects Releases Packages Wiki Activity

Enhancement to grid.

Browse source
This commit is contained in:
FireMasterK 2020-11-13 17:27:11 +05:30
parent 1f02076c73
commit af04e54d7b
2 changed files with 12 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/components/Channel.vue
View file

@ -3,13 +3,17 @@
<h1 class="uk-text-center"><img v-bind:src="channel.avatarUrl">{{ channel.name }}</h1> <h1 class="uk-text-center"><img v-bind:src="channel.avatarUrl">{{ channel.name }}</h1>
<img v-bind:src="channel.bannerUrl" style="width: 100%"> <img v-bind:src="channel.bannerUrl" style="width: 100%">
<p v-html="this.channel.description.replaceAll('\n', '<br>')"></p> <p v-html="this.channel.description.replaceAll('\n', '<br>')"></p>
<div class="" style="width: 100%" uk-grid="parallax: 0">
<div style="width: 260px" v-bind:key="item.url" v-for="item in this.channel.relatedStreams"> <hr>
<router-link class="uk-link-muted" v-bind:to="item.url || '/'">
<div class="uk-grid-small" style="width: 100%" uk-grid="parallax: 0">
<div style="width: 288px" v-bind:key="item.url" v-for="item in this.channel.relatedStreams">
<router-link class="uk-link-muted" style="height: 100px" v-bind:to="item.url || '/'">
<img style="width: 100%" v-bind:src="item.thumbnail"> <img style="width: 100%" v-bind:src="item.thumbnail">
<p>{{ item.title }}</p> <a>{{ item.title }}</a>
</router-link> </router-link>
{{ timeFormat(item.duration) }} <br>
<a>{{ timeFormat(item.duration) }}</a>
</div> </div>
</div> </div>
</div> </div>

4
src/components/TrendingPage.vue
View file

@ -1,7 +1,9 @@
<template> <template>
<h1 class="uk-text-bold uk-text-center">Trending</h1> <h1 class="uk-text-bold uk-text-center">Trending</h1>
<div class="" style="width: 100%" uk-grid="parallax: 0"> <hr>
<div class="uk-grid-collapse" style="width: 100%" uk-grid="parallax: 0">
<div class="uk-tile-default" style="width: 300px; background: #0b0e0f" v-bind:key="video.url" v-for="video in videos"> <div class="uk-tile-default" style="width: 300px; background: #0b0e0f" v-bind:key="video.url" v-for="video in videos">
<div class="uk-card uk-card-default uk-card-body uk-grid-match uk-text-secondary" style="background: #0b0e0f"> <div class="uk-card uk-card-default uk-card-body uk-grid-match uk-text-secondary" style="background: #0b0e0f">
<router-link class="uk-text-emphasis" v-bind:to="video.url || '/'"> <router-link class="uk-text-emphasis" v-bind:to="video.url || '/'">