status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-02-12 19:36:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(consensus-selection): replace containers for cards

Browse Source
This commit is contained in:
RadoslavDimchev 2024-04-18 18:19:09 +03:00 committed by Emil Ivanichkov
parent 03420ba34f
commit a037fe436e
1 changed files with 17 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/pages/ValidatorOnboarding/ValidatorSetup/ConsensusClient/ConsensusSelection.tsx
View File

@ -21,20 +21,25 @@ const ConsensusSelection = () => {
return (
<YStack style={{ width: '100%', padding: '32px' }} minHeight={'65vh'}>
<XStack
justifyContent={'space-between'}
alignItems={'center'}
mb={'30px'}
flexWrap="wrap"
<div
style={{
width: '100%',
justifyContent: 'space-between',
display: 'flex',
flexWrap: 'wrap',
gap: '8px',
}}
>
<Text size={27} weight={'semibold'}>
Client Setup
</Text>
<XStack
space={'$2'}
flexWrap={windowSize.width < 735 ? 'wrap' : 'nowrap'}
marginTop={windowSize.width < 735 ? '20px' : 0}
width={windowSize.width < 580 ? '100%' : 'auto'}
<div
style={{
display: 'flex',
gap: '8px',
flexWrap: 'wrap',
minWidth: windowSize.width < 771 ? '100%' : '',
}}
>
<PairedDeviceCard />
@ -44,8 +49,8 @@ const ConsensusSelection = () => {
title="Execution Sync Status"
total={150000}
/>
</XStack>
</XStack>
</div>
</div>
<YStack mb={'50px'}>
<Stack style={{ marginBottom: '4px' }}>