edit loader

RDjarbeng · Feb 15, 2022 · a993def · a993def
1 parent c9b9b0b
commit a993def
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/loader.css b/loader.css
@@ -1,9 +1,10 @@
 .loader{
-    background-color: rgba(255, 255, 255, 0.95);
-    color: var(--color-banner);
+    background-color: #ffffff;
+    color: grey;
     padding: 0 1rem;
     border-radius: 0.4rem;
-    font-size: 1.5em;
+    font-size: 1.3em;
+    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.21);
 }
 .loader span:nth-child(n+2){
     font-size: 1.5em;

diff --git a/sidebar.js b/sidebar.js
@@ -72,7 +72,7 @@ function openBgPicker() {
         document.body.insertAdjacentHTML(
             "afterbegin",
             `<aside class="pop-up-container loader-container">
-                <section class="loader" style="--color-banner: ${getComputedStyle($("body")[0]).getPropertyValue("--color-banner")}">
+                <section class="loader" style="color: ${getComputedStyle($("body")[0]).getPropertyValue("--color-banner")}">
                     <span>Loading</span>
                     <span>.</span>
                     <span>.</span>
@@ -82,6 +82,7 @@ function openBgPicker() {
         );
     };
     showLoader();
+
     const loadForm = async () => {
         let file = await fetch("./form-upload.html");
         let ft = await file.text();
@@ -126,5 +127,5 @@ function openBgPicker() {
             });
         });
     };
-    loadForm();
+    // loadForm();
 }