Просмотр исходного кода

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 лет назад
Родитель
Сommit
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;