feat(ux): increase footer text size on small screens

mateusfg7 · Apr 12, 2022 · 874d02c · 874d02c
1 parent da26196
commit 874d02c
Showing 1 changed file with 14 additions and 9 deletions.
diff --git a/src/components/Footer/styles.ts b/src/components/Footer/styles.ts
@@ -11,22 +11,27 @@ const FooterSection = styled.footer`
   backdrop-filter: blur(4px);
 
   p {
+    font-size: 1.25rem;
+    padding: 5px;
+
     a {
       text-decoration: none;
       color: rgba(255, 255, 255, 1);
-    }
-  }
 
-  p {
-    a.author {
-      font-weight: bold;
+      &.author {
+        font-weight: bold;
+      }
+      &.copy:hover {
+        cursor: pointer;
+        text-decoration: underline;
+      }
     }
   }
 
-  p {
-    a.copy:hover {
-      cursor: pointer;
-      text-decoration: underline;
+  @media (min-width: 769px) {
+    p {
+      font-size: 1rem;
+      padding: 2px;
     }
   }
 `