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

Style cards

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

9
src/components/SyncStatusCardConsensus.tsx
View File

@ -1,5 +1,5 @@
import IconText from './IconText' import IconText from './IconText'
import { Separator, XStack, YStack } from 'tamagui' import { Separator, Stack, XStack, YStack } from 'tamagui'
import StandardGauge from './StandardGauge' import StandardGauge from './StandardGauge'
import { Shadow, Text } from '@status-im/components' import { Shadow, Text } from '@status-im/components'
import Icon from './Icon' import Icon from './Icon'
@ -32,7 +32,7 @@ const SyncStatusCardConsensus: React.FC<DeviceStorageHealthProps> = ({ synced, t
variant="$2" variant="$2"
style={{ style={{
width: '632px', width: '632px',
height: '155px', height: 'auto',
borderRadius: '16px', borderRadius: '16px',
}} }}
> >
@ -42,9 +42,10 @@ const SyncStatusCardConsensus: React.FC<DeviceStorageHealthProps> = ({ synced, t
style={{ style={{
padding: '8px 16px', padding: '8px 16px',
position: 'relative', position: 'relative',
height: '155px',
}} }}
> >
<div <Stack
style={{ style={{
position: 'absolute', position: 'absolute',
right: '44px', right: '44px',
@ -53,7 +54,7 @@ const SyncStatusCardConsensus: React.FC<DeviceStorageHealthProps> = ({ synced, t
}} }}
> >
<StandardGauge data={data()} /> <StandardGauge data={data()} />
</div> </Stack>
<YStack space={'$3'}> <YStack space={'$3'}>
<Text size={13} color="#09101C" weight={'semibold'}> <Text size={13} color="#09101C" weight={'semibold'}>
Execution Client Execution Client

9
src/components/SyncStatusCardExecution.tsx
View File

@ -1,5 +1,5 @@
import IconText from './IconText' import IconText from './IconText'
import { Paragraph, Separator, XStack, YStack } from 'tamagui' import { Paragraph, Separator, Stack, XStack, YStack } from 'tamagui'
import StandardGauge from './StandardGauge' import StandardGauge from './StandardGauge'
import { Shadow, Text } from '@status-im/components' import { Shadow, Text } from '@status-im/components'
interface DeviceStorageHealthProps { interface DeviceStorageHealthProps {
@ -31,7 +31,7 @@ const SyncStatusCardExecution: React.FC<DeviceStorageHealthProps> = ({ synced, t
variant="$2" variant="$2"
style={{ style={{
width: '632px', width: '632px',
height: '155px', height: 'auto',
borderRadius: '16px', borderRadius: '16px',
}} }}
> >
@ -41,9 +41,10 @@ const SyncStatusCardExecution: React.FC<DeviceStorageHealthProps> = ({ synced, t
style={{ style={{
padding: '8px 16px', padding: '8px 16px',
position: 'relative', position: 'relative',
height:'155px'
}} }}
> >
<div <Stack
style={{ style={{
position: 'absolute', position: 'absolute',
right: '44px', right: '44px',
@ -52,7 +53,7 @@ const SyncStatusCardExecution: React.FC<DeviceStorageHealthProps> = ({ synced, t
}} }}
> >
<StandardGauge data={data()} /> <StandardGauge data={data()} />
</div> </Stack>
<YStack space={'$3'}> <YStack space={'$3'}>
<Text size={13} color="#09101C" weight={'semibold'}> <Text size={13} color="#09101C" weight={'semibold'}>
Execution Client Execution Client