From f9fcc5e98a98f9192f294c853899e7829cf4ebbe Mon Sep 17 00:00:00 2001
From: FireMasterK <20838718+FireMasterK@users.noreply.github.com>
Date: Mon, 27 Dec 2021 14:46:31 +0000
Subject: [PATCH] Attempt to improve CLS.

---
 src/components/Navigation.vue | 8 ++------
 src/components/VideoItem.vue  | 2 ++
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/components/Navigation.vue b/src/components/Navigation.vue
index 7e0676c8..7d6191b9 100644
--- a/src/components/Navigation.vue
+++ b/src/components/Navigation.vue
@@ -1,9 +1,5 @@
 <template>
-    <nav
-        class="uk-navbar w-full relative"
-        :style="[{ background: backgroundColor, colour: foregroundColor }]"
-        uk-navbar
-    >
+    <nav class="uk-navbar w-full relative">
         <div class="uk-navbar-left">
             <router-link
                 class="uk-navbar-item uk-logo font-bold font-2xl font-sans font-bold"
@@ -18,7 +14,7 @@
                 />iped</router-link
             >
         </div>
-        <div class="uk-navbar-center uk-flex md:visible">
+        <div class="uk-navbar-center uk-flex <md:hidden">
             <input
                 v-model="searchText"
                 class="input uk-width-medium"
diff --git a/src/components/VideoItem.vue b/src/components/VideoItem.vue
index b2fc9f73..f719a1d3 100644
--- a/src/components/VideoItem.vue
+++ b/src/components/VideoItem.vue
@@ -44,6 +44,8 @@
                     loading="lazy"
                     :alt="video.uploaderName"
                     class="rounded-full mr-0.5 mt-0.5 w-32px h-32px"
+                    width="68"
+                    height="68"
                 />
             </router-link>