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
<Text size={15}> space={'$2'}
You are about to Migrate your validator it is not possible for you to style={{
revert this action! Please make sure you understand the consequences. alignItems: 'center',
</Text> textAlign: 'center',
}}
>
<img
src="/public/images/migrate.png"
alt="migrate"
style={{ width: '300px' }}
/>
<Text size={15}>
You are about to Migrate your validator it is not possible for you to
revert this action! Please make sure you understand the consequences.
</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."