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

9
src/components/SyncStatusCardExecution.tsx
View File

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