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: add individual padding to every state page

This commit is contained in:
RadoslavDimchev 2023-08-25 14:11:59 +03:00
parent 2c68f29335
commit 323e0a4169
5 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,7 +1,7 @@
import { YStack } from 'tamagui' import { YStack } from 'tamagui'
const Activation = () => { const Activation = () => {
return <YStack></YStack> return <YStack style={{ padding: '16px 32px' }}></YStack>
} }
export default Activation export default Activation

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

@ -3,7 +3,7 @@ import KeyGenerationHeader from './KeyGenerationHeader'
const KeyGeneration = () => { const KeyGeneration = () => {
return ( return (
<YStack space={'$2'} style={{ width: '100%' }}> <YStack space={'$2'} style={{ width: '100%', padding: '16px 32px' }}>
<KeyGenerationHeader /> <KeyGenerationHeader />
</YStack> </YStack>
) )

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

@ -7,7 +7,7 @@ import { ArrowRightIcon } from '@status-im/icons'
const Overview = () => { const Overview = () => {
return ( return (
<> <>
<YStack className="layout-left" space={'$5'}> <YStack className="layout-left" space={'$5'} style={{ padding: '16px 32px' }}>
<TextTam fontSize={27} fontWeight={'600'} style={{ marginBottom: '5px' }}> <TextTam fontSize={27} fontWeight={'600'} style={{ marginBottom: '5px' }}>
Overview Overview
</TextTam> </TextTam>

1
src/pages/ValidatorOnboarding/ValidatorBoxWrapper/ValidatorBoxWrapper.tsx
View File

@ -15,7 +15,6 @@ const ValidatorBoxWrapper = ({ children }: ValidatorBoxWrapperProps) => {
flexDirection: 'row', flexDirection: 'row',
backgroundColor: '#fff', backgroundColor: '#fff',
zIndex: 999, zIndex: 999,
padding: '16px 32px',
width: '100%', width: '100%',
}} }}
> >

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

@ -5,7 +5,7 @@ import { Text } from '@status-im/components'
const ValidatorSetup = () => { const ValidatorSetup = () => {
return ( return (
<YStack style={{ width: '100%' }}> <YStack style={{ width: '100%', padding: '16px 32px' }}>
<XStack justifyContent={'space-between'}> <XStack justifyContent={'space-between'}>
<Text size={27} weight={'semibold'}> <Text size={27} weight={'semibold'}>
Validator Setup Validator Setup