فهرست منبع

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 networkArrowImage from "./images/network-arrow.svg";
 
-const Wrapper = styled.div<any>`
+const Wrapper = styled.div`
   width: 100%;
   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>`
   margin-bottom: 42px;