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

fix: Style pixel perfect

This commit is contained in:
Hristo Nedelkov 2023-08-15 10:52:51 +03:00
parent c8e136d9ad
commit 980705fa99
2 changed files with 6 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/SyncStatusCardConsensus.tsx
View File

@ -32,7 +32,6 @@ const SyncStatusCardConsensus: React.FC<DeviceStorageHealthProps> = ({ synced, t
variant="$2" variant="$2"
style={{ style={{
width: '632px', width: '632px',
height: 'auto',
borderRadius: '16px', borderRadius: '16px',
}} }}
> >
@ -56,10 +55,10 @@ const SyncStatusCardConsensus: React.FC<DeviceStorageHealthProps> = ({ synced, t
<StandardGauge data={data()} /> <StandardGauge data={data()} />
</Stack> </Stack>
<YStack space={'$3'}> <YStack space={'$3'}>
<Text size={13} color="#09101C" weight={'semibold'}> <Text size={13} color="#84888e" weight={'semibold'}>
Execution Client Execution Client
</Text> </Text>
<Icon src="/icons/vector.svg" height={46} width={93}></Icon> <Icon src="/icons/vector.svg" height={46} width={93} marginTop={'30px'} />
</YStack> </YStack>
</XStack> </XStack>

9
src/components/SyncStatusCardExecution.tsx
View File

@ -31,7 +31,6 @@ const SyncStatusCardExecution: React.FC<DeviceStorageHealthProps> = ({ synced, t
variant="$2" variant="$2"
style={{ style={{
width: '632px', width: '632px',
height: 'auto',
borderRadius: '16px', borderRadius: '16px',
}} }}
> >
@ -41,7 +40,7 @@ const SyncStatusCardExecution: React.FC<DeviceStorageHealthProps> = ({ synced, t
style={{ style={{
padding: '8px 16px', padding: '8px 16px',
position: 'relative', position: 'relative',
height:'155px' height: '155px',
}} }}
> >
<Stack <Stack
@ -55,12 +54,12 @@ const SyncStatusCardExecution: React.FC<DeviceStorageHealthProps> = ({ synced, t
<StandardGauge data={data()} /> <StandardGauge data={data()} />
</Stack> </Stack>
<YStack space={'$3'}> <YStack space={'$3'}>
<Text size={13} color="#09101C" weight={'semibold'}> <Text size={13} color="#84888e" weight={'semibold'}>
Execution Client Execution Client
</Text> </Text>
<Paragraph color={'#09101C'} size={'$6'} fontWeight={'600'}> <Text color={'#09101C'} size={27} weight={'semibold'} marginTop={'30px'}>
Geth Geth
</Paragraph> </Text>
</YStack> </YStack>
</XStack> </XStack>