resize summary card

team-neumorphic · Oct 16, 2020 · 0aaf586 · 0aaf586
1 parent 15a8811
commit 0aaf586
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 9 deletions.
diff --git a/src/components/PieChartBalancev2.js b/src/components/PieChartBalancev2.js
@@ -89,8 +89,8 @@ export default function PieChartBalancev2(props) {
             labelStyle={{
               fill: "#000",
             }}
-            viewBoxSize={[160, 160]}
-            center={[80, 80]}
+            viewBoxSize={[180, 180]}
+            center={[90, 90]}
           >
             <PieChart
               style={{

diff --git a/src/views/Home.js b/src/views/Home.js
@@ -32,7 +32,7 @@ const Wrapper = styled.div`
   justify-items: center;
   align-items: center;
   grid-template-columns: 50% 50%;
-  @media (max-width: 991px) {
+  @media (max-width: 1200px) {
     grid-template-columns: auto;
   }
 `;
@@ -41,19 +41,14 @@ const SummaryWrapper = styled.div`
   background: #fff;
   border-radius: 40px;
   margin: 30px 40px;
-  // margin-top: 30px;
   padding: 35px;
   box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
-  @media (max-width: 991px) {
-    grid-template-columns: auto;
-    border-radius: 40px;
-  }
 `;
 
 const HeaderImage = styled.img`
   height: "120px";
   margin: "2rem auto";
-  @media (max-width: 991px) {
+  @media (max-width: 1200px) {
     display: none;
   }
 `;