Fix footer bugs (#564)

* Fix footer * Update components/Footer/index.tsx Co-authored-by: Tanay Pant <7481165+tanay1337@users.noreply.github.com> * Fix footer * Change font to Citerne * Minor fix * Minor fix * Minor fix * Revert change font; switch back to DM Sans --------- Co-authored-by: Tanay Pant <7481165+tanay1337@users.noreply.github.com>
safe-global · Aug 20, 2024 · 7ff1889 · 7ff1889
1 parent 5fb6086
commit 7ff1889
Show file tree

Hide file tree

Showing 8 changed files with 335 additions and 148 deletions.
diff --git a/components/Footer/Footer.module.css b/components/Footer/Footer.module.css
@@ -1,67 +1,79 @@
-.wrapper {
-    margin-top: 80px;
-  }
-
-  .list {
-    padding: 0;
-    list-style: none;
-    display: flex;
-    flex-direction: column;
-    gap: 16px;
-  }
-
-  .listItem {
-    font-size: 16px;
-    line-height: 20px;
-    color: var(--mui-palette-primary-light);
-  }
-
-  .listItem a,
-  .subListItem a {
-    display: block;
-  }
-
-  .listItem:hover a,
-  .subListItem:hover a {
-    color: white;
-  }
-
+.list {
+  padding: 0;
+  list-style: none;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+body .listTitle {
+  font-size: 14px;
+  font-weight: 900;
+}
+
+.listItem {
+  font-size: 16px;
+  line-height: 20px;
+  color: var(--mui-palette-primary-light);
+}
+
+.listItem a,
+.subListItem a {
+  display: block;
+}
+
+.listItem:hover a,
+.subListItem:hover a {
+  color: white;
+}
+
+.subList {
+  list-style: none;
+  padding: 0;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 16px;
+}
+
+.subListItem {
+  font-size: 16px;
+  font-weight: 100;
+  line-height: 24px;
+  color: var(--mui-palette-primary-light);
+}
+
+.socials {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 24px;
+}
+
+.socials svg {
+  width: 24px;
+  height: 24px;
+}
+
+.logo {
+  width: 150px;
+  height: auto;
+}
+
+.badge :global .MuiBadge-badge {
+  font-size: 14px;
+  top: 4px;
+  right: -12px;
+}
+
+@media (min-width: 600px) {
   .subList {
-    list-style: none;
-    padding: 0;
-    display: flex;
-    flex-wrap: wrap;
-    gap: 16px;
+    gap: 32px;
   }
-  
+
   .subListItem {
-    font-size: 16px;
-    line-height: 24px;
-    color: var(--mui-palette-primary-light);
+    line-height: 56px;
   }
-  
+
   .socials {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 24px;
-  }
-
-  .socials svg {
-    width: 28px;
-    height: 28px;
-  }
-
-  .logo {
-    width: 150px;
-    height: auto;
+    margin-top: 16px;
   }
-
-  @media (min-width: 600px) {
-    .subList {
-      gap: 32px;
-    }
-
-    .subListItem {
-      line-height: 56px;
-    }
-  }
+}