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(sync-status-card): align main content to left

This commit is contained in:
RadoslavDimchev 2024-04-24 14:13:00 +03:00 committed by Emil Ivanichkov
parent 87da5a1bca
commit dae179e641
1 changed files with 34 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

66
src/components/General/SyncStatusCard.tsx
View File

@ -28,38 +28,40 @@ const SyncStatusCard = ({
minWidth: '200px', minWidth: '200px',
}} }}
> >
<XStack space={'$2'} alignItems="center" justifyContent={'space-between'}> <XStack alignItems="center" justifyContent={'space-between'}>
<Stack <XStack space={'$2'} alignItems="center">
style={{ <Stack
height: '35px', style={{
width: '35px', height: '35px',
}} width: '35px',
> }}
<StandardGauge >
data={[ <StandardGauge
{ data={[
id: title, {
label: title, id: title,
value: synced, label: title,
color: color, value: synced,
}, color: color,
{ },
id: 'free', {
label: 'free', id: 'free',
value: total - synced || 1, label: 'free',
color: '#E7EAEE', value: total - synced || 1,
}, color: '#E7EAEE',
]} },
/> ]}
</Stack> />
<YStack> </Stack>
<Text size={11} color="#84888e" weight={'semibold'}> <YStack>
{title} <Text size={11} color="#84888e" weight={'semibold'}>
</Text> {title}
<Text size={15} weight={'semibold'}> </Text>
{formatNumbersWithComa(synced)} / {formatNumbersWithComa(total)} <Text size={15} weight={'semibold'}>
</Text> {formatNumbersWithComa(synced)} / {formatNumbersWithComa(total)}
</YStack> </Text>
</YStack>
</XStack>
<InfoBadgeIcon <InfoBadgeIcon
size={20} size={20}
color="#A1ABBD" color="#A1ABBD"