fix: homepage loader

getsu7 · Mar 28, 2024 · b91c2cb · b91c2cb
1 parent 0341581
commit b91c2cb
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 7 deletions.
diff --git a/build/styles.css b/build/styles.css
diff --git a/build/styles.css.map b/build/styles.css.map
diff --git a/sass/component/_loader.scss b/sass/component/_loader.scss
@@ -1,3 +1,6 @@
+$loading-delay: 500ms;
+$loading: 1500ms;
+
 .progress {
     position: absolute;
     height: 1em;
@@ -6,7 +9,7 @@
     padding: 0.2em;
     border-bottom: transparent 1px;
     box-sizing: border-box;
-    animation: show 6000ms 0ms both;
+    animation: show $loading $loading-delay;
     top: 50vh;
     left: 25vw;
 
@@ -18,7 +21,7 @@
         transform-origin: left;
         background-color: $purple;
         transform: scaleX(0);
-        animation: progress-bar 1500ms 250ms;
+        animation: progress-bar $loading $loading-delay;
     }
 }
 
@@ -57,4 +60,10 @@
         border-radius: 15px;
         opacity: 1;
     }
+
+    100% {
+        border-bottom: solid 1px;
+        border-radius: 15px;
+        opacity: 1;
+    }
 }
diff --git a/sass/pages/_homepage.scss b/sass/pages/_homepage.scss
@@ -14,7 +14,7 @@
   display: flex;
   flex-direction: column;
   background-color: $background-primary;
-  animation: homepage-loading 1000ms 1750ms both;
+  animation: homepage-loading 1000ms $loading + $loading-delay both;
 }
 
 .explorer {