瀏覽代碼

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 3 年之前
父節點
當前提交
aab2f7e3b4
共有 1 個文件被更改,包括 4 次插入10 次删除
  1. 4 10
      src/components/modules/WizardModule/WizardSummary/WizardSummary.tsx

+ 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;