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

Further improve CLS.

Browse source
This commit is contained in:
FireMasterK 2021-04-24 00:41:51 +05:30
parent c26bf4f6fd
commit 96d22af5c7
No known key found for this signature in database
GPG key ID: 8DFF5DD33E93DB58
2 changed files with 3 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/Channel.vue
View file

@ -1,6 +1,6 @@
<template> <template>
<div v-if="channel"> <div v-if="channel">
<h1 class="uk-text-center"><img v-bind:src="channel.avatarUrl" />{{ channel.name }}</h1> <h1 class="uk-text-center"><img height="48" width="48" v-bind:src="channel.avatarUrl" />{{ channel.name }}</h1>
<img v-if="channel.bannerUrl" v-bind:src="channel.bannerUrl" style="width: 100%" loading="lazy" /> <img v-if="channel.bannerUrl" v-bind:src="channel.bannerUrl" style="width: 100%" loading="lazy" />
<p v-html="this.channel.description.replaceAll('\n', '<br>')"></p> <p v-html="this.channel.description.replaceAll('\n', '<br>')"></p>

4
src/components/Playlist.vue
View file

@ -1,7 +1,7 @@
<template> <template>
<div v-if="playlist"> <div v-if="playlist">
<h1 class="uk-text-center"> <h1 class="uk-text-center">
<img v-bind:src="playlist.avatarUrl" loading="lazy" /> <img v-bind:src="playlist.avatarUrl" height="48" width="48" loading="lazy" />
{{ playlist.name }} {{ playlist.name }}
</h1> </h1>
@ -23,7 +23,7 @@
v-for="item in this.playlist.relatedStreams" v-for="item in this.playlist.relatedStreams"
> >
<router-link class="uk-link-muted uk-text-justify" v-bind:to="item.url || '/'"> <router-link class="uk-link-muted uk-text-justify" v-bind:to="item.url || '/'">
<img style="width: 100%" v-bind:src="item.thumbnail" loading="lazy" /> <img style="width: 100%" height="94" width="168" v-bind:src="item.thumbnail" loading="lazy" />
<a>{{ item.title }}</a> <a>{{ item.title }}</a>
</router-link> </router-link>
<br /> <br />