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: style words inputs

This commit is contained in:
RadoslavDimchev 2023-08-29 13:29:10 +03:00
parent c8e03961ad
commit a1340d4265
1 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/pages/ValidatorOnboarding/KeyGeneration/ConfirmRecoveryPhrase.tsx
View File

@ -16,7 +16,15 @@ const ConfirmRecoveryPhrase = () => {
<YStack space={'$4'} style={{ width: '100%', marginTop: '20px' }}> <YStack space={'$4'} style={{ width: '100%', marginTop: '20px' }}>
<KeyGenerationTitle /> <KeyGenerationTitle />
<Text size={27}>Confirm Recovery Phrase</Text> <Text size={27}>Confirm Recovery Phrase</Text>
<Stack style={{ display: 'grid', gridTemplateColumns: 'repeat(4, 1fr)', gap: '16px 16px' }}> <Stack
style={{
display: 'grid',
gridTemplateColumns: 'repeat(4, 1fr)',
gap: '20px 40px',
width: '80%',
marginBottom: '20px',
}}
>
{words.map((word, index) => ( {words.map((word, index) => (
<Input <Input
key={index} key={index}
@ -27,6 +35,7 @@ const ConfirmRecoveryPhrase = () => {
} }
value={word} value={word}
onChange={e => changeWordHandler(e, index)} onChange={e => changeWordHandler(e, index)}
style={{ fontWeight: '600' }}
/> />
))} ))}
</Stack> </Stack>