From 96d22af5c722517013226a6b267d4138c4a18d54 Mon Sep 17 00:00:00 2001
From: FireMasterK <20838718+FireMasterK@users.noreply.github.com>
Date: Sat, 24 Apr 2021 00:41:51 +0530
Subject: [PATCH] Further improve CLS.

---
 src/components/Channel.vue  | 2 +-
 src/components/Playlist.vue | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Channel.vue b/src/components/Channel.vue
index ae018b0d..18356163 100644
--- a/src/components/Channel.vue
+++ b/src/components/Channel.vue
@@ -1,6 +1,6 @@
 <template>
     <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" />
         <p v-html="this.channel.description.replaceAll('\n', '<br>')"></p>
 
diff --git a/src/components/Playlist.vue b/src/components/Playlist.vue
index 12f4c5f1..df68c214 100644
--- a/src/components/Playlist.vue
+++ b/src/components/Playlist.vue
@@ -1,7 +1,7 @@
 <template>
     <div v-if="playlist">
         <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 }}
         </h1>
 
@@ -23,7 +23,7 @@
                 v-for="item in this.playlist.relatedStreams"
             >
                 <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>
                 </router-link>
                 <br />