mirror of
https://github.com/TeamPiped/Piped.git
synced 2024-11-10 02:08:21 +00:00
Further improve CLS.
This commit is contained in:
parent
c26bf4f6fd
commit
96d22af5c7
@ -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>
|
||||||
|
|
||||||
|
@ -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 />
|
||||||
|
Loading…
Reference in New Issue
Block a user