status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-02-20 15:18:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update OverviewCard.tsx

Browse Source
This commit is contained in:
Hristo Nedelkov 2024-01-22 10:07:44 +02:00
parent 510a8b28bc
commit e082481c79
1 changed files with 18 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/pages/ValidatorOnboarding/Overview/OverviewCard.tsx
View File

@ -1,6 +1,5 @@
import { YStack } from 'tamagui'
import { Text } from '@status-im/components'
import styles from './overviewLayout.module.css' import styles from './overviewLayout.module.css'
import { Text, YStack } from 'tamagui'
type OverviewCardProps = { type OverviewCardProps = {
text: string text: string
value: string value: string
@ -8,14 +7,23 @@ type OverviewCardProps = {
const OverviewCard = ({ text, value }: OverviewCardProps) => { const OverviewCard = ({ text, value }: OverviewCardProps) => {
return ( return (
<div className={styles.overviewCard}> <YStack>
<Text size={15} weight={'semibold'}> <div className={styles.overviewCard}>
{text} <Text
</Text> fontWeight={'500'}
<Text size={27} color="blue" weight={'semibold'}> style={{ display: 'block', marginBottom: '8px', fontSize: '15px' }}
{value} >
</Text> {text}
</div> </Text>
<Text
color="blue"
fontWeight={'500'}
style={{ display: 'block', marginBottom: '8px', fontSize: '27px' }}
>
{value}
</Text>
</div>
</YStack>
) )
} }