status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-02-01 14:15:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(paired-device-card): align main content to left

Browse Source
This commit is contained in:
RadoslavDimchev 2024-04-24 15:22:19 +03:00 committed by Emil Ivanichkov
parent dae179e641
commit 713dd3ae38
1 changed files with 17 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/pages/ValidatorOnboarding/ValidatorSetup/ConsensusClient/PairedDeviceCard.tsx
View File

@ -14,21 +14,23 @@ const PairedDeviceCard = () => {
minWidth: '200px',
}}
>
<XStack space={'$2'} alignItems="center" justifyContent={'space-between'}>
<Avatar
backgroundColor="pink"
type="icon"
size={32}
icon={<img src={'/icons/pepper.svg'} alt="pepper" />}
/>
<YStack>
<Text size={13} color="#647084">
Paired Device
</Text>
<Text size={15} weight={'semibold'}>
Stake & Chips
</Text>
</YStack>
<XStack alignItems="center" justifyContent={'space-between'}>
<XStack space={'$2'} alignItems="center">
<Avatar
backgroundColor="pink"
type="icon"
size={32}
icon={<img src={'/icons/pepper.svg'} alt="pepper" />}
/>
<YStack>
<Text size={13} color="#647084">
Paired Device
</Text>
<Text size={15} weight={'semibold'}>
Stake & Chips
</Text>
</YStack>
</XStack>
<InfoBadgeIcon size={20} color="#A1ABBD" cursor={'pointer'} />
</XStack>
</BorderBox>