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

Merge branch 'hn.validator-onboarding' of https://github.com/nimbus-gui/nimbus-gui into hn.validator-onboarding

This commit is contained in:
Hristo Nedelkov 2023-08-24 10:16:07 +03:00
parent 0f7355eff5 bf4c721c9b
commit 1e99f3734b
1 changed files with 51 additions and 61 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -2,23 +2,19 @@ import { Stack, Text as TextTam, YStack } from 'tamagui'
import { Button, Shadow, Text } from '@status-im/components' import { Button, Shadow, Text } from '@status-im/components'
import FormStepper from './Stepper' import FormStepper from './Stepper'
import PageWrapperGradient from '../../components/PageWrappers/PageWrapperGradient' import PageWrapperGradient from '../../components/PageWrappers/PageWrapperGradient'
import Titles from '../../components/General/Titles'
Text const ValidatorOnboarding = () => {
function ValidatorOnboarding() {
return ( return (
<>
<PageWrapperGradient> <PageWrapperGradient>
<YStack style={{ maxWidth: '1052px', width: '100%', margin: '0 auto', maxHeight: '582px' }}> <YStack style={{ width: '100%', margin: '0 auto', padding: '0 10%' }}>
<YStack style={{ width: '100%', margin: '64px 0 1vh' }}> <YStack style={{ width: '100%', margin: '64px 0 1vh' }}>
<Text size={19} weight={'semibold'}> <Titles
Create Nimbus Validator title="Create Nimbus Validator"
</Text> subtitle="Earn Rewards for securing the Ethereum Network"
<Text size={15} weight="regular"> />
Earn Rewards for securing the Ethereum Network
</Text>
<FormStepper /> <FormStepper />
</YStack> </YStack>
<Shadow <Shadow
variant="$2" variant="$2"
style={{ style={{
@ -58,14 +54,8 @@ function ValidatorOnboarding() {
</div> </div>
</section> </section>
</Shadow> </Shadow>
<Stack marginTop="$4" alignItems='flex-end'>
<Button variant="blue" size={40} >
Continue
</Button>
</Stack>
</YStack> </YStack>
</PageWrapperGradient> </PageWrapperGradient>
</>
) )
} }