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

@@ -115,4 +115,8 @@ b {
 * {
     scrollbar-color: #15191a #444a4e;
 }
+
+.uk-grid > div {
+    padding-bottom: 1vh;
+}
 </style>

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"

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"

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"

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
     >

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"

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"

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"

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"

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";