diff --git a/src/components/General/Icon.tsx b/src/components/General/Icon.tsx index 9a427140..e3fb33d1 100644 --- a/src/components/General/Icon.tsx +++ b/src/components/General/Icon.tsx @@ -1,19 +1,20 @@ -import { Image } from '@status-im/components' +import { Image } from 'tamagui' export type IconProps = { src: string - width?: number - height?: number + width?: string + height?: string } -const Icon = ({ src, width = 16, height = 16 }: IconProps) => { +const Icon = ({ src, width = '16px', height = '16px' }: IconProps) => { return ( ) } diff --git a/src/pages/ValidatorOnboarding/FormStepper/FormStepper.tsx b/src/pages/ValidatorOnboarding/FormStepper/FormStepper.tsx index 3498eed6..6459a182 100644 --- a/src/pages/ValidatorOnboarding/FormStepper/FormStepper.tsx +++ b/src/pages/ValidatorOnboarding/FormStepper/FormStepper.tsx @@ -49,6 +49,7 @@ const FormStepper = ({ activeStep, windowWidth }: FormStepperProps) => { fontSize: '14px', zIndex: 1, width: '100%', + height: 'fit-content', padding: 0, marginBottom: '3rem', overflow: 'hidden', @@ -59,7 +60,7 @@ const FormStepper = ({ activeStep, windowWidth }: FormStepperProps) => { return ( changeStepOnClickHandler(originalIndex)} completed={activeStep > originalIndex - 1} diff --git a/src/pages/ValidatorOnboarding/Overview/Overview.tsx b/src/pages/ValidatorOnboarding/Overview/Overview.tsx index 643eb6a4..63fb2258 100644 --- a/src/pages/ValidatorOnboarding/Overview/Overview.tsx +++ b/src/pages/ValidatorOnboarding/Overview/Overview.tsx @@ -15,7 +15,7 @@ const Overview = () => { > - + Overview diff --git a/src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorSetup/ExecClientCard.tsx b/src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorSetup/ExecClientCard.tsx index 481e509d..5c3a34fb 100644 --- a/src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorSetup/ExecClientCard.tsx +++ b/src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorSetup/ExecClientCard.tsx @@ -30,6 +30,7 @@ const ExecClientCard = ({ name, icon, isComingSoon }: ExecClientCardProps) => { padding: '12px 16px', width: '19%', cursor: 'pointer', + minWidth: '150px', }} space={'$8'} onClick={() => { @@ -58,7 +59,7 @@ const ExecClientCard = ({ name, icon, isComingSoon }: ExecClientCardProps) => { )} - + ) } diff --git a/src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorSetup/ExecClientCards.tsx b/src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorSetup/ExecClientCards.tsx index 0149f834..04741a92 100644 --- a/src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorSetup/ExecClientCards.tsx +++ b/src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorSetup/ExecClientCards.tsx @@ -10,11 +10,18 @@ const ExecClientCards = () => { Select Execution client - + {Object.entries(DOCUMENTATIONS).map(([name, { icon }], index) => ( ))} - + ) }