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

fix: some font sizes on client setup screen

This commit is contained in:
Ivana Andersson 2023-09-07 11:46:38 +03:00
parent 2cb83cb5a7
commit 7893aa69e4
5 changed files with 12 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/General/LinkWithArrow.tsx
View File

@ -38,7 +38,12 @@ const LinkWithArrow = ({
> >
{arrowLeft && <ArrowLeftIcon size={20} color="#2A4CF4" />} {arrowLeft && <ArrowLeftIcon size={20} color="#2A4CF4" />}
<Link <Link
style={{ color: textColor || '#2A4CF4', marginBottom: '2px', fontSize: '13px' }} style={{
color: textColor || '#2A4CF4',
marginBottom: '2px',
fontSize: 'inherit',
fontWeight: 'inherit',
}}
to={to} to={to}
> >
{text} {text}

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

@ -14,7 +14,7 @@ const ClientSetup = () => {
text="Advanced Recovery Method" text="Advanced Recovery Method"
to={'/'} to={'/'}
arrowRight={true} arrowRight={true}
style={{ marginBottom: '50px' }} style={{ marginBottom: '50px', fontWeight: 'bold', fontSize: '15px' }}
/> />
</YStack> </YStack>
) )

6
src/pages/ValidatorOnboarding/ClientSetup/SetupRow.tsx
View File

@ -9,7 +9,7 @@ type SetupRowProps = {
const SetupRow = ({ title }: SetupRowProps) => { const SetupRow = ({ title }: SetupRowProps) => {
return ( return (
<YStack space={'$4'}> <YStack space={'$4'}>
<Text size={27} weight={'semibold'}> <Text size={19} weight={'semibold'}>
{title} {title}
</Text> </Text>
<XStack justifyContent={'space-between'} width={'80%'}> <XStack justifyContent={'space-between'} width={'80%'}>
@ -20,7 +20,7 @@ const SetupRow = ({ title }: SetupRowProps) => {
<StatusInput icon={<AddIcon size={16} />} /> <StatusInput icon={<AddIcon size={16} />} />
</Stack> </Stack>
<YStack space={'$2'}> <YStack space={'$2'}>
<Text size={19} weight={'semibold'} color="#09101C"> <Text size={15} weight={'semibold'} color="#09101C">
ETH ETH
</Text> </Text>
<Text size={27} weight={'semibold'} color="#09101C"> <Text size={27} weight={'semibold'} color="#09101C">
@ -29,7 +29,7 @@ const SetupRow = ({ title }: SetupRowProps) => {
</YStack> </YStack>
<YStack space={'$2'}> <YStack space={'$2'}>
<XStack style={{ justifyContent: 'space-between' }}> <XStack style={{ justifyContent: 'space-between' }}>
<Text size={19} weight={'semibold'} color="#09101C"> <Text size={15} weight={'semibold'} color="#09101C">
USD USD
</Text> </Text>
<ChevronDownIcon size={16} color={'#919191'} /> <ChevronDownIcon size={16} color={'#919191'} />

2
src/pages/ValidatorOnboarding/ClientSetup/WithdrawalAddress.tsx
View File

@ -9,7 +9,7 @@ type WithdrawalAddressProps = {
const WithdrawalAddress = ({ title }: WithdrawalAddressProps) => { const WithdrawalAddress = ({ title }: WithdrawalAddressProps) => {
return ( return (
<YStack space={'$4'}> <YStack space={'$4'}>
<Text size={27} weight={'semibold'}> <Text size={19} weight={'semibold'}>
{title} {title}
</Text> </Text>
<YStack space={'$3'}> <YStack space={'$3'}>

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

@ -28,7 +28,7 @@ const Overview = () => {
text="Learn More" text="Learn More"
to={'/'} to={'/'}
arrowRight={true} arrowRight={true}
style={{ marginBottom: '1%' }} style={{ marginBottom: '1%', fontSize: '13px' }}
/> />
<XStack space={'$3'}> <XStack space={'$3'}>
<OverviewCard text={'Current APR'} value={'4.40%'} /> <OverviewCard text={'Current APR'} value={'4.40%'} />