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

feat: move eth and currency dropdown on one row

This commit is contained in:
RadoslavDimchev 2024-01-16 23:54:10 +02:00
parent de3c51d693
commit 0272fb1bfd
1 changed files with 19 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
src/components/General/ValidatorsMenuWithPrice.tsx
View File

@ -55,25 +55,27 @@ const ValidatorsMenuWithPrice = ({
onChangeText={changeValidatorCountHandler} onChangeText={changeValidatorCountHandler}
/> />
</Stack> </Stack>
<YStack space={'$2'}> <XStack style={{ justifyContent: 'space-between' }}>
<Text size={15} weight={'semibold'}> <YStack space={'$2'}>
ETH
</Text>
<Text size={27} weight={'semibold'}>
{totalETH}
</Text>
</YStack>
<YStack space={'$2'}>
<XStack style={{ justifyContent: 'space-between', width: '115%' }}>
<Text size={15} weight={'semibold'}> <Text size={15} weight={'semibold'}>
{currency} ETH
</Text> </Text>
<CurrencyDropdown changeCurrency={changeCurrency} /> <Text size={27} weight={'semibold'}>
</XStack> {totalETH}
<Text size={27} weight={'semibold'}> </Text>
{totalPrice.toFixed(2)} {currency} </YStack>
</Text> <YStack space={'$2'}>
</YStack> <XStack style={{ justifyContent: 'space-between', width: '115%' }}>
<Text size={15} weight={'semibold'}>
{currency}
</Text>
<CurrencyDropdown changeCurrency={changeCurrency} />
</XStack>
<Text size={27} weight={'semibold'}>
{totalPrice.toFixed(2)} {currency}
</Text>
</YStack>
</XStack>
</ResponsiveStack> </ResponsiveStack>
) )
} }