Ver Fonte

Equalize wizard summary page columns

Made the wizard summary page have its two columns of equal size.
Previously, the right column was smaller.
Adjusted the column widths to be equal to provide a better visual
balance to the page.
Sergiu Miclea há 3 anos atrás
pai
commit
aab2f7e3b4

+ 4 - 10
src/components/modules/WizardModule/WizardSummary/WizardSummary.tsx

@@ -38,19 +38,13 @@ import { ProviderTypes } from "@src/@types/Providers";
 import configLoader from "@src/utils/Config";
 import configLoader from "@src/utils/Config";
 import networkArrowImage from "./images/network-arrow.svg";
 import networkArrowImage from "./images/network-arrow.svg";
 
 
-const Wrapper = styled.div<any>`
+const Wrapper = styled.div`
   width: 100%;
   width: 100%;
   display: flex;
   display: flex;
+  justify-content: space-between;
 `;
 `;
-const Column = styled.div<any>`
-  width: 50%;
-
-  &:first-child {
-    margin-right: 160px;
-  }
-  &:last-child {
-    max-width: calc(50% - 160px);
-  }
+const Column = styled.div`
+  ${ThemeProps.exactWidth("calc(50% - 80px)")}
 `;
 `;
 const Section = styled.div<any>`
 const Section = styled.div<any>`
   margin-bottom: 42px;
   margin-bottom: 42px;