From be61eea3b517910d301fb65f6105f75172144638 Mon Sep 17 00:00:00 2001
From: ArabCoders <admin@arabcoders.org>
Date: Thu, 30 Nov 2023 16:00:03 +0300
Subject: [PATCH] more style fixes.

---
 frontend/src/assets/css/bulma-dark.css       | 30 ++++++++++++++++++
 frontend/src/assets/css/bulma-light.css      | 29 +++++++++++++++++
 frontend/src/components/Page-Downloading.vue | 33 +-------------------
 3 files changed, 60 insertions(+), 32 deletions(-)

diff --git a/frontend/src/assets/css/bulma-dark.css b/frontend/src/assets/css/bulma-dark.css
index 3e46c333..c2d04628 100644
--- a/frontend/src/assets/css/bulma-dark.css
+++ b/frontend/src/assets/css/bulma-dark.css
@@ -8736,4 +8736,34 @@
   .footer {
     background-color: #121212;
   }
+
+  #progress-bar {
+    border-radius: 15px;
+    position: relative;
+    width: 100%;
+    height: 30px;
+    background-color: #383636;
+  }
+
+  #progress,
+  #progress-percentage {
+    border-radius: 15px;
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 100%;
+    width: 100%;
+  }
+
+  #progress-percentage {
+    text-align: center;
+    z-index: 2;
+    line-height: 30px;
+  }
+
+  #progress {
+    z-index: 1;
+    background-color: #00d1b2;
+  }
+
 }
diff --git a/frontend/src/assets/css/bulma-light.css b/frontend/src/assets/css/bulma-light.css
index 699fca7a..d8593c8f 100644
--- a/frontend/src/assets/css/bulma-light.css
+++ b/frontend/src/assets/css/bulma-light.css
@@ -13067,3 +13067,32 @@ print {
   background-color: #fafafa;
   padding: 3rem 1.5rem 6rem;
 }
+
+#progress-bar {
+  border-radius: 15px;
+  position: relative;
+  width: 100%;
+  height: 30px;
+  background-color: #F5F5F5;
+}
+
+#progress,
+#progress-percentage {
+  border-radius: 15px;
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+}
+
+#progress-percentage {
+  text-align: center;
+  z-index: 2;
+  line-height: 30px;
+}
+
+#progress {
+  z-index: 1;
+  background-color: #00d1b2;
+}
diff --git a/frontend/src/components/Page-Downloading.vue b/frontend/src/components/Page-Downloading.vue
index 0d687e1b..a7c113a5 100644
--- a/frontend/src/components/Page-Downloading.vue
+++ b/frontend/src/components/Page-Downloading.vue
@@ -156,7 +156,7 @@ watch(masterSelectAll, (value) => {
 
 const hasSelected = computed(() => selectedElms.value.length > 0)
 const hasQueuedItems = computed(() => Object.keys(props.queue)?.length > 0)
-const getTotal = computed(() => Object.keys(props.completed)?.length);
+const getTotal = computed(() => Object.keys(props.queue)?.length);
 
 const ETAPipe = value => {
   if (value === null || 0 === value) {
@@ -212,34 +212,3 @@ const updateProgress = (item) => {
   return string;
 }
 </script>
-
-<style scoped>
-#progress-bar {
-  border-radius: 15px;
-  position: relative;
-  width: 100%;
-  height: 30px;
-  background-color: #F5F5F5;
-}
-
-#progress,
-#progress-percentage {
-  border-radius: 15px;
-  position: absolute;
-  top: 0;
-  left: 0;
-  height: 100%;
-  width: 100%;
-}
-
-#progress-percentage {
-  text-align: center;
-  z-index: 2;
-  line-height: 30px;
-}
-
-#progress {
-  z-index: 1;
-  background-color: #00d1b2;
-}
-</style>