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: add cards and styling

This commit is contained in:
RadoslavDimchev 2023-08-25 12:24:43 +03:00
parent 4a5159bb66
commit 1ce402491d
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages/ValidatorOnboarding/KeyGeneration/KeyGeneration.tsx
View File

@ -3,7 +3,7 @@ import KeyGenerationHeader from './KeyGenerationHeader'
const KeyGeneration = () => { const KeyGeneration = () => {
return ( return (
<YStack space={'$2'}> <YStack space={'$2'} style={{ width: '100%' }}>
<KeyGenerationHeader /> <KeyGenerationHeader />
</YStack> </YStack>
) )

8
src/pages/ValidatorOnboarding/KeyGeneration/KeyGenerationHeader.tsx
View File

@ -1,16 +1,16 @@
import { Text } from '@status-im/components' import { Text } from '@status-im/components'
import { XStack } from 'tamagui' import { XStack } from 'tamagui'
// import SyncCard from './SyncCard' import SyncCard from './SyncCard'
const KeyGenerationHeader = () => { const KeyGenerationHeader = () => {
return ( return (
<XStack justifyContent="space-between"> <XStack style={{ width: '100%', alignItems: 'center', justifyContent: 'space-between' }}>
<Text size={27} weight={'semibold'}> <Text size={27} weight={'semibold'}>
Key Generation Key Generation
</Text> </Text>
<XStack space={'$2'}> <XStack space={'$2'}>
{/* <SyncCard synced={123.524} total={172.503} /> <SyncCard synced={123.524} total={172.503} title="Execution Sync Status" />
<SyncCard synced={123.524} total={172.503} /> */} <SyncCard synced={123.524} total={172.503} title="Consensus Sync Status" />
</XStack> </XStack>
</XStack> </XStack>
) )