Fix glow effect sizing

HauseMasterZ · Dec 3, 2023 · 298bc33 · 298bc33
1 parent e395215
commit 298bc33
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 297 deletions.
diff --git a/src/components/Home.js b/src/components/Home.js
@@ -742,7 +742,7 @@ function Home() {
    }, [totalTyped]);
 
    useEffect(() => {
-      if (totalErrors === 0 || latestWord === '') return;
+      if (totalErrors === 0) return;
       flashErrorDisplays();
    }, [totalErrors])
 

diff --git a/src/static/styles/styles.scss b/src/static/styles/styles.scss
@@ -364,12 +364,12 @@ option[value="Poppins"] {
 .glow::after {
     content: '';
     position: absolute;
-    top: -1px;
-    left: -1px;
+    top: -1.5px;
+    left: -1.5px;
     background: linear-gradient(45deg, #e6fb04, #ff6600, #00ff66, #00ffff, #ff00ff, #6e0dd0, #ff3300, #099fff);
     background-size: 400%;
-    width: calc(100% + 2px);
-    height: calc(100% + 2px);
+    width: calc(100% + 3px);
+    height: calc(100% + 3px);
     z-index: -1;
     animation: glowing 20s linear infinite;
 }

diff --git a/src/static/styles/temp.css b/src/static/styles/temp.css