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

Add texts

This commit is contained in:
Hristo Nedelkov 2023-08-23 15:04:24 +03:00
parent 0ac63701e3
commit e6cd435278
1 changed files with 18 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,7 +1,6 @@
import { YStack } from 'tamagui' import { YStack } from 'tamagui'
import { Shadow, Text } from '@status-im/components' import { Shadow, Text } from '@status-im/components'
import FormStepper from './Stepper' import FormStepper from './Stepper'
import Titles from '../../components/General/Titles'
import PageWrapperGradient from '../../components/PageWrappers/PageWrapperGradient' import PageWrapperGradient from '../../components/PageWrappers/PageWrapperGradient'
function ValidatorOnboarding() { function ValidatorOnboarding() {
@ -31,11 +30,24 @@ function ValidatorOnboarding() {
}} }}
className="content" className="content"
> >
<YStack className="layout-left"> <YStack className="layout-left" space={10} left={40} top={40}>
<Titles <Text size={27} weight={'semibold'} style={{ marginBottom: '30px' }}>
title="Overview" Overview
subtitle="Becoming a validator is a big responsibility with important preparation steps. Only start the deposit process when youre ready." </Text>
></Titles>
<Text size={27}>
Becoming a validator is a big responsibility with important preparation steps. Only
start the deposit process when youre ready."
</Text>
<Text size={15} color="#939BA1">
By running a validator, you'll be responsible for securing the network and receive
continuous payouts for actions that help the network reach consensus.
</Text>
<Text size={15} color="#939BA1">
Since the successful transition to proof-of-stake via The Merge, Ethereum is fully
secured by proof-of-stake validators. By running a validator, you'll be helping to
secure the Ethereum network.
</Text>
</YStack> </YStack>
<section className="layout-right"> <section className="layout-right">
<div className="image-container"> <div className="image-container">