SMA-82: resolve lint errors

MatejFrnka · Apr 15, 2024 · 7c76229 · 7c76229
1 parent f78fa26
commit 7c76229
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 6 deletions.
diff --git a/frontend/sportsmatch-app/src/App.css b/frontend/sportsmatch-app/src/App.css
@@ -21,15 +21,17 @@
 
   /* font-sizes */
   --sm-h1-heading: 3em;
-  --sm-text-content: 1em
-
+  --sm-text-content: 1em;
+  --sm-text-medium-content: 1.2em;
 }
 
 svg {
   color: var(--sm-white);
 }
 
-body, html, #root {
+body,
+html,
+#root {
   height: 100%;
   margin: 0;
   padding: 0;

diff --git a/frontend/sportsmatch-app/src/pages/Index.tsx b/frontend/sportsmatch-app/src/pages/Index.tsx
@@ -52,8 +52,8 @@ export default function MainPage() {
     setSelectedSports([])
     setClearFilters(true)
     setTimeout(() => {
-      setClearFilters(false);
-    }, 100);
+      setClearFilters(false)
+    }, 100)
   }
 
   useEffect(() => {

diff --git a/frontend/sportsmatch-app/src/styles/Index.css b/frontend/sportsmatch-app/src/styles/Index.css
@@ -58,7 +58,7 @@
   border-radius: 40px;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   cursor: pointer;
-  font-size: 18px;
+  font-size: var(--sm-text-medium-content);
   color: #fff;
   font-weight: 400;
   margin: 20px 0;

diff --git a/frontend/sportsmatch-app/src/styles/UserInfo.css b/frontend/sportsmatch-app/src/styles/UserInfo.css
@@ -7,6 +7,7 @@
 }
 
 .row.user-input input {
+  font-size: var(--sm-text-content);
   margin-top: 1.875em;
   height: 3.125em;
   width: 100%;
@@ -27,6 +28,7 @@
   flex-direction: column;
   justify-content: space-evenly;
   align-items: center;
+  font-size: var(--sm-text-content);
   height: 10.5em;
   width: 8.75em;
   background-color: var(--sm-orange);
@@ -45,6 +47,7 @@ input.submit {
   border: none;
   border-radius: 2.5em;
   color: white;
+  font-size: var(--sm-text-content);
 }
 
 .submit {
@@ -64,9 +67,14 @@ input.submit {
 }
 
 .gender-card p {
+  font-size: var(--sm-text-content);
   margin: 0;
 }
 
 .alert {
   margin-top: 1.875em;
+}
+
+.gender-card.unselected-gen img {
+  outline: none;
 }