Make parent responsive

2024-01-26 10:39:22 +02:00 · 2024-01-26 10:39:22 +02:00 · 692f36ca96
parent 3fcd265d44
commit 692f36ca96
1 changed files with 7 additions and 2 deletions
--- a/src/pages/ValidatorOnboarding/ValidatorSetup/ConsensusClient/ConsensusSelection.tsx
+++ b/src/pages/ValidatorOnboarding/ValidatorSetup/ConsensusClient/ConsensusSelection.tsx
@ -39,7 +39,12 @@ const ConsensusSelection = () => {
        <Text size={27} weight={'semibold'}>
          Client Setup
        </Text>
-        <XStack space={'$2'} flexWrap="wrap">
+        <XStack
+          space={'$2'}
+          flexWrap={windowSize.width < 735 ? 'wrap' : 'nowrap'}
+          marginTop={windowSize.width < 735 ? '20px' : 0}
+           width={windowSize.width < 580 ? '100%' : 'auto'}
+        >
          <PairedDeviceCard />

          <ConsensusGaugeCard