From e107dcb379c3faccd153d39dda9574b77796c397 Mon Sep 17 00:00:00 2001
From: root <root@git.maharshi.ninja>
Date: Mon, 17 Jan 2022 23:55:03 +0530
Subject: [PATCH] Move Player SCSS to its own file

---
 src/components/Player.scss | 15 +++++++++++++++
 src/components/Player.vue  | 20 ++------------------
 2 files changed, 17 insertions(+), 18 deletions(-)
 create mode 100644 src/components/Player.scss

diff --git a/src/components/Player.scss b/src/components/Player.scss
new file mode 100644
index 0000000..d648686
--- /dev/null
+++ b/src/components/Player.scss
@@ -0,0 +1,15 @@
+.shaka-text-container > div {
+	height: auto !important;
+	width: auto !important;
+	top: auto !important;
+	left: auto !important;
+}
+
+.shaka-text-container * {
+	background-color: rgba(8, 8, 8, 0.75) !important;
+	color: white !important;
+}
+
+.shaka-video-container:-webkit-full-screen {
+	max-height: none !important;
+}
diff --git a/src/components/Player.vue b/src/components/Player.vue
index d24ff97..6fcb21e 100644
--- a/src/components/Player.vue
+++ b/src/components/Player.vue
@@ -14,29 +14,13 @@
   </div>
 </template>
 
-<style>
-.shaka-text-container > div {
-  height: auto !important;
-  width: auto !important;
-  top: auto !important;
-  left: auto !important;
-}
-
-.shaka-text-container * {
-  background-color: rgba(8, 8, 8, 0.75) !important;
-  color: white !important;
-}
-
-.shaka-video-container:-webkit-full-screen {
-  max-height: none !important;
-}
-</style>
-
 <script>
 import muxjs from 'mux.js'
 import shaka from 'shaka-player/dist/shaka-player.ui.js'
 import 'shaka-player/dist/controls.css'
+
 import { DashUtils } from '@/tools/DashUtils'
+import '@/components/Player.scss'
 
 import { setupKeybindings } from 'psychic-tiny-keys'