From 1c03633c626f2c511d0ea419d38c77e3dcd62560 Mon Sep 17 00:00:00 2001
From: Kavin <20838718+FireMasterK@users.noreply.github.com>
Date: Sun, 31 Oct 2021 17:44:36 +0000
Subject: [PATCH] Remove all non-essential js related to uikit. (#585)

* Remove all non-essential js related to uikit.

* Add padding to the bottom of the grid.
---
 src/App.vue                      | 4 ++++
 src/components/Channel.vue       | 2 +-
 src/components/FeedPage.vue      | 2 +-
 src/components/HistoryPage.vue   | 2 +-
 src/components/Navigation.vue    | 2 +-
 src/components/Playlist.vue      | 2 +-
 src/components/SearchResults.vue | 2 +-
 src/components/TrendingPage.vue  | 2 +-
 src/components/WatchVideo.vue    | 2 +-
 src/main.js                      | 1 -
 10 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 2de60b3e..f530fb27 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -115,4 +115,8 @@ b {
 * {
     scrollbar-color: #15191a #444a4e;
 }
+
+.uk-grid > div {
+    padding-bottom: 1vh;
+}
 </style>
diff --git a/src/components/Channel.vue b/src/components/Channel.vue
index fe244e51..4447d7dc 100644
--- a/src/components/Channel.vue
+++ b/src/components/Channel.vue
@@ -21,7 +21,7 @@
 
         <hr />
 
-        <div class="uk-grid-xl" uk-grid="parallax: 0">
+        <div class="uk-grid uk-grid-xl">
             <div
                 v-for="video in channel.relatedStreams"
                 :key="video.url"
diff --git a/src/components/FeedPage.vue b/src/components/FeedPage.vue
index 446cb6b8..d3c86dc3 100644
--- a/src/components/FeedPage.vue
+++ b/src/components/FeedPage.vue
@@ -27,7 +27,7 @@
 
     <hr />
 
-    <div class="uk-grid-xl" uk-grid="parallax: 0">
+    <div class="uk-grid uk-grid-xl">
         <div
             v-for="video in videos"
             :key="video.url"
diff --git a/src/components/HistoryPage.vue b/src/components/HistoryPage.vue
index d312827e..c74ec357 100644
--- a/src/components/HistoryPage.vue
+++ b/src/components/HistoryPage.vue
@@ -13,7 +13,7 @@
 
     <hr />
 
-    <div class="uk-grid-xl" uk-grid="parallax: 0">
+    <div class="uk-grid uk-grid-xl">
         <div
             v-for="video in videos"
             :key="video.url"
diff --git a/src/components/Navigation.vue b/src/components/Navigation.vue
index b295aff2..c996f919 100644
--- a/src/components/Navigation.vue
+++ b/src/components/Navigation.vue
@@ -1,6 +1,6 @@
 <template>
     <nav
-        class="uk-navbar-container uk-container-expand uk-position-relative"
+        class="uk-navbar uk-navbar-container uk-container-expand uk-position-relative"
         :style="[{ background: backgroundColor, colour: foregroundColor }]"
         uk-navbar
     >
diff --git a/src/components/Playlist.vue b/src/components/Playlist.vue
index fa748066..4622bde1 100644
--- a/src/components/Playlist.vue
+++ b/src/components/Playlist.vue
@@ -22,7 +22,7 @@
 
         <hr />
 
-        <div class="uk-grid-xl" uk-grid="parallax: 0">
+        <div class="uk-grid uk-grid-xl">
             <div
                 v-for="video in playlist.relatedStreams"
                 :key="video.url"
diff --git a/src/components/SearchResults.vue b/src/components/SearchResults.vue
index 1e766f3c..00d74e13 100644
--- a/src/components/SearchResults.vue
+++ b/src/components/SearchResults.vue
@@ -30,7 +30,7 @@
         </i>
     </div>
 
-    <div v-if="results" class="uk-grid-xl" uk-grid="parallax: 0">
+    <div v-if="results" class="uk-grid uk-grid-xl">
         <div
             v-for="result in results.items"
             :key="result.url"
diff --git a/src/components/TrendingPage.vue b/src/components/TrendingPage.vue
index 9b00422d..9d3a8e05 100644
--- a/src/components/TrendingPage.vue
+++ b/src/components/TrendingPage.vue
@@ -3,7 +3,7 @@
 
     <hr />
 
-    <div class="uk-grid-xl" uk-grid="parallax: 0">
+    <div class="uk-grid uk-grid-xl">
         <div
             v-for="video in videos"
             :key="video.url"
diff --git a/src/components/WatchVideo.vue b/src/components/WatchVideo.vue
index 8126868c..29f2151f 100644
--- a/src/components/WatchVideo.vue
+++ b/src/components/WatchVideo.vue
@@ -126,7 +126,7 @@
 
         <hr />
 
-        <div uk-grid>
+        <div class="uk-grid">
             <div v-if="comments" ref="comments" class="uk-width-4-5@xl uk-width-3-4@s uk-width-1">
                 <div
                     v-for="comment in comments.comments"
diff --git a/src/main.js b/src/main.js
index e405d549..f885b13d 100644
--- a/src/main.js
+++ b/src/main.js
@@ -31,7 +31,6 @@ library.add(
 );
 
 import("uikit/dist/css/uikit-core.css");
-import("uikit/dist/js/uikit-core.min");
 
 import router from "@/router/router";
 import App from "./App.vue";