Fixes styles and fonts (#4)

agusmoles · Oct 26, 2023 · 7b3a2ac · 7b3a2ac
1 parent fccca47
commit 7b3a2ac
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 deletions.
diff --git a/public/index.html b/public/index.html
diff --git a/src/main.tsx b/src/main.tsx
@@ -409,14 +409,14 @@ function App() {
           <article className="description">
             <h3>Thank you so much for using the app!</h3>
 
-            {successfullyUnfollowed?.length && (
+            {successfullyUnfollowed?.length !== 0 && (
               <p>
                 <strong>✔ Unfollowed users:</strong>{" "}
                 <ul>{successfullyUnfollowed}</ul>
               </p>
             )}
 
-            {failedUnfollowed?.length && (
+            {failedUnfollowed?.length !== 0 && (
               <p>
                 <strong>❌ Failed to unfollow:</strong>{" "}
                 <ul>{failedUnfollowed}</ul>

diff --git a/src/styles/index.css b/src/styles/index.css
@@ -1,4 +1,5 @@
 :root {
+  --black: #000;
   --white: #fff;
   --lightOrange: #f09433;
   --orange: #e6683c;
@@ -21,7 +22,8 @@
   box-sizing: border-box;
   padding: 0;
   margin: 0;
-  font-family: "Roboto";
+  font-family: "Roboto", "Noto Sans", "Droid Sans", "Helvetica", Arial,
+    sans-serif;
 }
 
 button {
@@ -83,6 +85,7 @@ body {
 .scan-btn {
   border-radius: 50%;
   background: var(--white);
+  color: var(--black);
   text-align: center;
   padding: 10px;
   border: 0;