From 06beb8e704501df967607c107fb43b0ed6e54f2f Mon Sep 17 00:00:00 2001
From: Book Pauk <bookpauk@gmail.com>
Date: Thu, 30 Jan 2020 17:55:24 +0700
Subject: [PATCH] =?UTF-8?q?=D0=A0=D0=B5=D1=84=D0=B0=D0=BA=D1=82=D0=BE?=
 =?UTF-8?q?=D1=80=D0=B8=D0=BD=D0=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Reader/ProgressPage/ProgressPage.vue      | 38 ++-----------------
 1 file changed, 3 insertions(+), 35 deletions(-)

diff --git a/client/components/Reader/ProgressPage/ProgressPage.vue b/client/components/Reader/ProgressPage/ProgressPage.vue
index 4cc3c9d4..93685136 100644
--- a/client/components/Reader/ProgressPage/ProgressPage.vue
+++ b/client/components/Reader/ProgressPage/ProgressPage.vue
@@ -1,6 +1,6 @@
 <template>
-    <div v-show="visible" class="main">
-        <div class="center">
+    <div v-show="visible" class="flex column justify-center items-center z-max" style="background-color: rgba(0, 0, 0, 0.8)">
+        <div class="flex column justify-start items-center" style="height: 250px">
             <q-circular-progress
                 show-value
                 instant-feedback
@@ -15,7 +15,7 @@
                 <span class="text-yellow">{{ percentage }}%</span>
             </q-circular-progress>
 
-            <p class="text">{{ text }}</p>
+            <p class="text-yellow">{{ text }}</p>
         </div>
     </div>
 </template>
@@ -82,35 +82,3 @@ class ProgressPage extends Vue {
 }
 //-----------------------------------------------------------------------------
 </script>
-<style scoped>
-.main {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-
-    z-index: 100;
-    background-color: rgba(0, 0, 0, 0.8);
-
-    position: absolute;
-}
-.center {
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-start;
-    align-items: center;
-
-    color: white;
-    height: 250px;
-}
-
-.text {
-    color: yellow;
-}
-
-</style>
-<style>
-.el-progress__text {
-    color: lightgreen !important;
-}
-</style>