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

improve css

This commit is contained in:
Hristo Nedelkov 2023-08-15 11:03:16 +03:00
parent 980705fa99
commit 60c08348e5
2 changed files with 29 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/components/SyncStatusCardConsensus.tsx
View File

@ -44,21 +44,21 @@ const SyncStatusCardConsensus: React.FC<DeviceStorageHealthProps> = ({ synced, t
height: '155px',
}}
>
<Stack
style={{
position: 'absolute',
right: '44px',
height: '115px',
width: '115px',
}}
>
<StandardGauge data={data()} />
</Stack>
<YStack space={'$3'}>
<Text size={13} color="#84888e" weight={'semibold'}>
<YStack space={'$3'} style={{ width: '100%' }}>
<Text size={15} color="#84888e" weight={'semibold'}>
Execution Client
</Text>
<Icon src="/icons/vector.svg" height={46} width={93} marginTop={'30px'} />
<XStack style={{ justifyContent: 'space-between', alignItems: 'center' }}>
<Icon src="/icons/vector.svg" height={46} width={93} />
<Stack
style={{
height: '115px',
width: '115px',
}}
>
<StandardGauge data={data()} />
</Stack>
</XStack>
</YStack>
</XStack>

32
src/components/SyncStatusCardExecution.tsx
View File

@ -1,5 +1,5 @@
import IconText from './IconText'
import { Paragraph, Separator, Stack, XStack, YStack } from 'tamagui'
import { Separator, Stack, XStack, YStack } from 'tamagui'
import StandardGauge from './StandardGauge'
import { Shadow, Text } from '@status-im/components'
interface DeviceStorageHealthProps {
@ -43,23 +43,23 @@ const SyncStatusCardExecution: React.FC<DeviceStorageHealthProps> = ({ synced, t
height: '155px',
}}
>
<Stack
style={{
position: 'absolute',
right: '44px',
height: '115px',
width: '115px',
}}
>
<StandardGauge data={data()} />
</Stack>
<YStack space={'$3'}>
<Text size={13} color="#84888e" weight={'semibold'}>
<YStack space={'$3'} style={{ width: '100%' }}>
<Text size={15} color="#84888e" weight={'semibold'}>
Execution Client
</Text>
<Text color={'#09101C'} size={27} weight={'semibold'} marginTop={'30px'}>
Geth
</Text>
<XStack style={{ justifyContent: 'space-between', alignItems: 'center' }}>
<Text color={'#09101C'} size={27} weight={'semibold'}>
Geth
</Text>
<Stack
style={{
height: '115px',
width: '115px',
}}
>
<StandardGauge data={data()} />
</Stack>
</XStack>
</YStack>
</XStack>