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

feat: use new wrapper to every validator state page

This commit is contained in:
RadoslavDimchev 2023-08-25 09:52:27 +03:00
parent ddf446f9e9
commit f71d73c96a
5 changed files with 23 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/PageWrappers/layout.css
View File

@ -40,7 +40,7 @@
/* LAYOUT RIGHT ELEMENT WITH IMAGE TAKING UP THE WHOLE HIGHT OF THE VIEWPORT */
.layout-right {
flex: 0 0 44.6%;
flex: 0 0 45%;
max-width: 45%;
z-index: 0;
}

17
src/pages/ValidatorOnboarding/Activation/Activation.tsx
View File

@ -1,18 +1,13 @@
import { Button, Shadow } from '@status-im/components'
import { Stack } from 'tamagui'
import { Button } from '@status-im/components'
import { Stack, YStack } from 'tamagui'
import ValidatorBoxWrapper from '../ValidatorBoxWrapper/ValidatorBoxWrapper'
const Activation = () => {
return (
<>
<Shadow
variant="$1"
style={{
borderRadius: '16px',
border: 'none',
backgroundColor: '#fff',
padding: '16px 32px',
}}
></Shadow>
<ValidatorBoxWrapper>
<YStack></YStack>
</ValidatorBoxWrapper>
<Stack style={{ alignItems: 'end', width: '100%', marginTop: '16px' }}>
<Button>Continue</Button>
</Stack>

17
src/pages/ValidatorOnboarding/KeyGeneration/KeyGeneration.tsx
View File

@ -1,18 +1,13 @@
import { Button, Shadow } from '@status-im/components'
import { Stack } from 'tamagui'
import { Button } from '@status-im/components'
import { Stack, YStack } from 'tamagui'
import ValidatorBoxWrapper from '../ValidatorBoxWrapper/ValidatorBoxWrapper'
const KeyGeneration = () => {
return (
<>
<Shadow
variant="$1"
style={{
borderRadius: '16px',
border: 'none',
backgroundColor: '#fff',
padding: '16px 32px',
}}
></Shadow>
<ValidatorBoxWrapper>
<YStack space={'$2'}></YStack>
</ValidatorBoxWrapper>
<Stack style={{ alignItems: 'end', width: '100%', marginTop: '16px' }}>
<Button>Continue</Button>
</Stack>

16
src/pages/ValidatorOnboarding/Overview/Overview.tsx
View File

@ -1,22 +1,14 @@
import { Stack, Text as TextTam, XStack, YStack } from 'tamagui'
import { Button, Shadow, Text } from '@status-im/components'
import { Button, Text } from '@status-im/components'
import { Link } from 'react-router-dom'
import OverviewCard from './OverviewCard'
import { ArrowRightIcon } from '@status-im/icons'
import ValidatorBoxWrapper from '../ValidatorBoxWrapper/ValidatorBoxWrapper'
const Overview = () => {
return (
<>
<Shadow
variant="$2"
style={{
borderRadius: '16px',
border: 'none',
flexDirection: 'row',
backgroundColor: '#fff',
zIndex: 999,
}}
>
<ValidatorBoxWrapper>
<YStack className="layout-left" space={'$5'} style={{ padding: '16px 32px' }}>
<TextTam fontSize={27} fontWeight={'600'} style={{ marginBottom: '5px' }}>
Overview
@ -60,7 +52,7 @@ const Overview = () => {
/>
</div>
</section>
</Shadow>
</ValidatorBoxWrapper>
<Stack style={{ alignItems: 'end', width: '100%', marginTop: '16px', zIndex: 999 }}>
<Button>Continue</Button>
</Stack>

17
src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorSetup.tsx
View File

@ -1,18 +1,13 @@
import { Button, Shadow } from '@status-im/components'
import { Stack } from 'tamagui'
import { Button } from '@status-im/components'
import { Stack, YStack } from 'tamagui'
import ValidatorBoxWrapper from '../ValidatorBoxWrapper/ValidatorBoxWrapper'
const ValidatorSetup = () => {
return (
<>
<Shadow
variant="$1"
style={{
borderRadius: '16px',
border: 'none',
backgroundColor: '#fff',
padding: '16px 32px',
}}
></Shadow>
<ValidatorBoxWrapper>
<YStack></YStack>
</ValidatorBoxWrapper>
<Stack style={{ alignItems: 'end', width: '100%', marginTop: '16px' }}>
<Button>Continue</Button>
</Stack>