feat(migrate-panel): style and center image and text

This commit is contained in:
RadoslavDimchev 2024-02-20 12:14:12 +02:00 committed by Emil Ivanichkov
parent 1cd9dd70d2
commit 8e52cb2769
1 changed files with 18 additions and 5 deletions

View File

@ -6,16 +6,29 @@ import KeystoreBackupsCard from '../../../../ValidatorOnboarding/KeyGeneration/K
const MigratePanel = () => { const MigratePanel = () => {
const migrateValidatorHandler = () => {} const migrateValidatorHandler = () => {}
return ( return (
<YStack> <YStack>
<Text size={19} weight={'semibold'}> <Text size={19} weight={'semibold'}>
Migrate Validator Migrate Validator
</Text> </Text>
<img src="/public/images/migrate.png" alt="migrate" /> <YStack
space={'$2'}
style={{
alignItems: 'center',
textAlign: 'center',
}}
>
<img
src="/public/images/migrate.png"
alt="migrate"
style={{ width: '300px' }}
/>
<Text size={15}> <Text size={15}>
You are about to Migrate your validator it is not possible for you to You are about to Migrate your validator it is not possible for you to
revert this action! Please make sure you understand the consequences. revert this action! Please make sure you understand the consequences.
</Text> </Text>
</YStack>
<KeystoreBackupsCard /> <KeystoreBackupsCard />
<InformationBox <InformationBox
message="Please make sure to enforce the file on another node to continue validating with your Validator." message="Please make sure to enforce the file on another node to continue validating with your Validator."