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: make keystore backups card responsive

This commit is contained in:
RadoslavDimchev 2024-01-10 18:56:15 +02:00
parent 761ed1f370
commit fc9be4404d
2 changed files with 5 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/pages/ValidatorOnboarding/KeyGeneration/KeystoreFiles/KeystoreBackupsCard.tsx
View File

@ -17,7 +17,6 @@ const KeystoreBackupsCard = () => {
border: '1px solid #DCE0E5', border: '1px solid #DCE0E5',
borderRadius: '16px', borderRadius: '16px',
padding: '12px 16px', padding: '12px 16px',
width: '32%',
marginTop: '3.4%', marginTop: '3.4%',
cursor: 'pointer', cursor: 'pointer',
}} }}

9
src/pages/ValidatorOnboarding/KeyGeneration/KeystoreFiles/KeystoreFiles.tsx
View File

@ -58,11 +58,8 @@ const KeystoreFiles = () => {
return ( return (
<YStack space={'$4'}> <YStack space={'$4'}>
<StackComponent <StackComponent space={'$2'} style={{ justifyContent: 'space-between', width: '100%' }}>
space={'$2'} <YStack space={'$4'} style={{ width: media.sm ? '100%' : '66%' }}>
style={{ justifyContent: 'space-between', width: '100%' }}
>
<YStack space={'$4'} style={{ width: '66%' }}>
<YStack space={'$4'}> <YStack space={'$4'}>
<Text size={15} color={'#647084'}> <Text size={15} color={'#647084'}>
Encryption Password Encryption Password
@ -102,7 +99,9 @@ const KeystoreFiles = () => {
/> />
</YStack> </YStack>
</YStack> </YStack>
<div style={{ width: media.sm ? '100%' : '32%', paddingTop: media.sm ? 0 : '1.2%' }}>
<KeystoreBackupsCard /> <KeystoreBackupsCard />
</div>
</StackComponent> </StackComponent>
<Stack style={{ width: 'fit-content' }}> <Stack style={{ width: 'fit-content' }}>
<Button onPress={generateKeystoreFilesHandler}>Generate Key files</Button> <Button onPress={generateKeystoreFilesHandler}>Generate Key files</Button>