From 5b59c549049cbf59e26de0bc74eeea639839e603 Mon Sep 17 00:00:00 2001
From: FireMasterK <20838718+FireMasterK@users.noreply.github.com>
Date: Mon, 27 Dec 2021 14:46:28 +0000
Subject: [PATCH] Migrate more classes.

---
 src/App.vue                   | 2 +-
 src/components/Navigation.vue | 6 +-----
 src/components/Player.vue     | 2 +-
 3 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 76f1cfaa..0182a699 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -121,7 +121,7 @@ b {
 }
 
 .dark {
-    @apply text-white;
+    @apply text-white bg-dark-800;
 }
 
 h1 {
diff --git a/src/components/Navigation.vue b/src/components/Navigation.vue
index ca072dda..acd5b806 100644
--- a/src/components/Navigation.vue
+++ b/src/components/Navigation.vue
@@ -1,9 +1,5 @@
 <template>
-    <nav
-        class="uk-navbar uk-navbar-container uk-container-expand relative"
-        :style="[{ background: backgroundColor, colour: foregroundColor }]"
-        uk-navbar
-    >
+    <nav class="uk-navbar w-100 relative" :style="[{ background: backgroundColor, colour: foregroundColor }]" uk-navbar>
         <div class="uk-navbar-left">
             <router-link
                 class="uk-navbar-item uk-logo font-bold font-2xl font-sans font-bold"
diff --git a/src/components/Player.vue b/src/components/Player.vue
index 67390fee..0f452e2e 100644
--- a/src/components/Player.vue
+++ b/src/components/Player.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="uk-container-expand">
+    <div class="w-100">
         <div
             ref="container"
             data-shaka-player-container