status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-02-13 11:56:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: change spacing between components

Browse Source
This commit is contained in:
RadoslavDimchev 2023-08-24 10:37:32 +03:00
parent e409b4cb05
commit 760bf11b5f
1 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -11,11 +11,10 @@ const ValidatorOnboarding = () => {
style={{ style={{
width: '100%', width: '100%',
margin: '0 auto', margin: '0 auto',
padding: '3% 10%', padding: '2% 10%',
justifyContent: 'start', justifyContent: 'start',
alignItems: 'start', alignItems: 'start',
}} }}
space={4}
> >
<Titles <Titles
title="Create Nimbus Validator" title="Create Nimbus Validator"
@ -33,13 +32,13 @@ const ValidatorOnboarding = () => {
className="content" className="content"
> >
<YStack className="layout-left" space={10} style={{ padding: '16px 32px' }}> <YStack className="layout-left" space={10} style={{ padding: '16px 32px' }}>
<TextTam fontSize={27} fontWeight={'700'} style={{ marginBottom: '25px' }}> <TextTam fontSize={27} fontWeight={'700'} style={{ marginBottom: '20px' }}>
Overview Overview
</TextTam> </TextTam>
<Text size={27}> <Text size={27}>
Becoming a validator is a big responsibility with important preparation steps. Only Becoming a validator is a big responsibility with important preparation steps. Only
start the deposit process when youre ready." start the deposit process when youre ready.
</Text> </Text>
<Text size={15} color="#939BA1"> <Text size={15} color="#939BA1">
By running a validator, you'll be responsible for securing the network and receive By running a validator, you'll be responsible for securing the network and receive
@ -61,7 +60,7 @@ const ValidatorOnboarding = () => {
</div> </div>
</section> </section>
</Shadow> </Shadow>
<Stack style={{ alignItems: 'end', width: '100%' }}> <Stack style={{ alignItems: 'end', width: '100%', marginTop: '16px' }}>
<Button>Continue</Button> <Button>Continue</Button>
</Stack> </Stack>
</YStack> </YStack>