fix: small changes to font size on overview screen

This commit is contained in:
Ivana Andersson 2023-09-07 11:33:50 +03:00
parent 743ab2a83c
commit 2b792ede65
2 changed files with 9 additions and 9 deletions

View File

@ -1,4 +1,4 @@
import { Text as TextTam, XStack, YStack } from 'tamagui'
import { XStack, YStack } from 'tamagui'
import { Text } from '@status-im/components'
import OverviewCard from './OverviewCard'
@ -7,13 +7,13 @@ import LinkWithArrow from '../../../components/General/LinkWithArrow'
const Overview = () => {
return (
<>
<YStack className="layout-left" space={'$5'} style={{ padding: '16px 32px' }}>
<TextTam fontSize={27} fontWeight={'600'}>
<YStack className="layout-left" space={'$5'} style={{ padding: '26px 0 32px 32px' }}>
<Text size={27} weight={'semibold'}>
Overview
</TextTam>
<Text size={27}>
</Text>
<Text size={19}>
Becoming a validator is a big responsibility with important preparation steps. Only start
the deposit process when youre ready.
the deposit process when you're ready.
</Text>
<Text size={15} color="#939BA1">
By running a validator, you'll be responsible for securing the network and receive
@ -25,7 +25,7 @@ const Overview = () => {
Ethereum network.
</Text>
<LinkWithArrow
text="Learn more"
text="Learn More"
to={'/'}
arrowRight={true}
style={{ marginBottom: '1%' }}

View File

@ -12,12 +12,12 @@ const OverviewCard = ({ text, value }: OverviewCardProps) => {
style={{
borderRadius: '16px',
border: '1px solid rgba(0, 0, 0, 0.15)',
width: '46%',
width: '44%',
padding: '12px 16px',
backgroundColor: '#FFF',
}}
>
<Text size={19} weight={'semibold'}>
<Text size={15} weight={'semibold'}>
{text}
</Text>
<Text size={27} color="blue" weight={'semibold'}>