status-im
/
nimbus-gui
mirror of https://github.com/status-im/nimbus-gui.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Make parent responsive

This commit is contained in:
Hristo Nedelkov 2024-01-26 10:39:22 +02:00
parent 3fcd265d44
commit 692f36ca96
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -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
@ -72,7 +77,7 @@ const ConsensusSelection = () => {
<XStack space={'$8'} flexWrap="wrap">
<ConsensusClientCard name={clients[0].name} icon={clients[0].icon} />
<YStack width={windowSize.width<780 ? '100%' : '70%'} space={'$4'}>
<YStack width={windowSize.width < 780 ? '100%' : '70%'} space={'$4'}>
<Text size={19}>The resource efficient Ethereum Clients.</Text>
<Text size={15}>
{selectedClient} is a client implementation for both execution and consensus layers that