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

fix: validator component style

Browse Source
This commit is contained in:
RadoslavDimchev 2023-08-24 10:32:56 +03:00
parent b51a54596e
commit 015cfee5e3
1 changed files with 19 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,20 +1,27 @@
import { Stack, Text as TextTam, YStack } from 'tamagui' 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 './FormStepper'
import PageWrapperGradient from '../../components/PageWrappers/PageWrapperGradient' import PageWrapperGradient from '../../components/PageWrappers/PageWrapperGradient'
import Titles from '../../components/General/Titles' import Titles from '../../components/General/Titles'
const ValidatorOnboarding = () => { const ValidatorOnboarding = () => {
return ( return (
<PageWrapperGradient> <PageWrapperGradient>
<YStack style={{ width: '100%', margin: '0 auto', padding: '0 10%' }}> <YStack
<YStack style={{ width: '100%', margin: '64px 0 1vh' }}> style={{
<Titles width: '100%',
title="Create Nimbus Validator" margin: '0 auto',
subtitle="Earn Rewards for securing the Ethereum Network" padding: '3% 10%',
/> justifyContent: 'start',
<FormStepper /> alignItems: 'start',
</YStack> }}
space={4}
>
<Titles
title="Create Nimbus Validator"
subtitle="Earn Rewards for securing the Ethereum Network"
/>
<FormStepper />
<Shadow <Shadow
variant="$2" variant="$2"
style={{ style={{
@ -25,8 +32,8 @@ const ValidatorOnboarding = () => {
}} }}
className="content" className="content"
> >
<YStack className="layout-left" space={10} left={40} top={40}> <YStack className="layout-left" space={10} style={{ padding: '16px 32px' }}>
<TextTam fontSize={27} fontWeight={'700'} style={{ marginBottom: '30px' }}> <TextTam fontSize={27} fontWeight={'700'} style={{ marginBottom: '25px' }}>
Overview Overview
</TextTam> </TextTam>
@ -54,7 +61,7 @@ const ValidatorOnboarding = () => {
</div> </div>
</section> </section>
</Shadow> </Shadow>
<Stack marginTop={11} alignItems="flex-end"> <Stack>
<Button size={40}>Continue</Button> <Button size={40}>Continue</Button>
</Stack> </Stack>
</YStack> </YStack>