feat: responsive icons

newrain7803 · Jul 8, 2020 · 3de74dc · 3de74dc
1 parent 98b094e
commit 3de74dc
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 0 deletions.
diff --git a/src/components/accordion/styles/accordion.js b/src/components/accordion/styles/accordion.js
@@ -54,6 +54,10 @@ export const Header = styled.div`
   img {
     filter: brightness(0) invert(1);
     width: 24px;
+
+    @media (max-width: 600px) {
+      width: 16px;
+    }
   }
 
   @media (max-width: 600px) {

diff --git a/src/components/card/styles/card.js b/src/components/card/styles/card.js
@@ -124,6 +124,10 @@ export const FeatureText = styled.p`
   color: white;
   font-weight: ${({ fontWeight }) => (fontWeight === 'bold' ? 'bold' : 'normal')};
   margin: 0;
+
+  @media (max-width: 600px) {
+    line-height: 22px;
+  }
 `;
 
 export const Feature = styled.div`

diff --git a/src/components/opt-form/styles/opt-form.js b/src/components/opt-form/styles/opt-form.js
@@ -44,6 +44,10 @@ export const Button = styled.button`
     margin-left: 10px;
     filter: brightness(0) invert(1);
     width: 24px;
+
+    @media (max-width: 1000px) {
+      width: 16px;
+    }
   }
 
   &:hover {