mirror of
https://github.com/status-im/nimbus-gui.git
synced 2025-02-18 06:16:38 +00:00
Update OverviewCard.tsx
This commit is contained in:
parent
510a8b28bc
commit
e082481c79
@ -1,6 +1,5 @@
|
||||
import { YStack } from 'tamagui'
|
||||
import { Text } from '@status-im/components'
|
||||
import styles from './overviewLayout.module.css'
|
||||
import { Text, YStack } from 'tamagui'
|
||||
type OverviewCardProps = {
|
||||
text: string
|
||||
value: string
|
||||
@ -8,14 +7,23 @@ type OverviewCardProps = {
|
||||
|
||||
const OverviewCard = ({ text, value }: OverviewCardProps) => {
|
||||
return (
|
||||
<div className={styles.overviewCard}>
|
||||
<Text size={15} weight={'semibold'}>
|
||||
{text}
|
||||
</Text>
|
||||
<Text size={27} color="blue" weight={'semibold'}>
|
||||
{value}
|
||||
</Text>
|
||||
</div>
|
||||
<YStack>
|
||||
<div className={styles.overviewCard}>
|
||||
<Text
|
||||
fontWeight={'500'}
|
||||
style={{ display: 'block', marginBottom: '8px', fontSize: '15px' }}
|
||||
>
|
||||
{text}
|
||||
</Text>
|
||||
<Text
|
||||
color="blue"
|
||||
fontWeight={'500'}
|
||||
style={{ display: 'block', marginBottom: '8px', fontSize: '27px' }}
|
||||
>
|
||||
{value}
|
||||
</Text>
|
||||
</div>
|
||||
</YStack>
|
||||
)
|
||||
}
|
||||
|
||||
|
Loading…
x
Reference in New Issue
Block a user