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 LogsSumCard

This commit is contained in:
Hristo Nedelkov 2023-11-09 12:11:00 +02:00
parent 4cfb809ecd
commit 2433247c9d
1 changed files with 43 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

78
src/pages/LogsPage/LogsSumCard.tsx
View File

@ -1,48 +1,56 @@
import { Text } from '@status-im/components' import { Text } from '@status-im/components'
import { Separator, Stack, XStack, YStack } from 'tamagui' import { Separator, XStack, YStack } from 'tamagui'
import IconText from '../../components/General/IconText' import IconText from '../../components/General/IconText'
import Icon from '../../components/General/Icon' import Icon from '../../components/General/Icon'
import DashboardCardWrapper from '../Dashboard/DashboardCardWrapper'
const LogsSumCard = () => { const LogsSumCard = () => {
return ( return (
<YStack <DashboardCardWrapper>
style={{ <YStack
borderRadius: '16px',
border: 'none',
backgroundColor: '#fff',
flexGrow: '1',
minWidth: '320px',
}}
>
<XStack
justifyContent="space-between"
style={{ style={{
padding: '8px 16px', borderRadius: '16px',
position: 'relative', border: 'none',
backgroundColor: '#fff',
flexGrow: '1', flexGrow: '1',
minWidth: '320px',
}} }}
> >
<YStack space={'$3'} width={'100%'}> <XStack
<Text size={15} weight={'semibold'}> justifyContent="space-between"
Critical style={{
</Text> padding: '8px 16px',
<XStack justifyContent="space-between" width={'100%'}> position: 'relative',
<Text size={27} weight={'semibold'}> flexGrow: '1',
16 }}
</Text> >
<Text size={19} weight={'semibold'} color="#84888E"> <YStack space={'$3'} width={'100%'}>
Per Minute <XStack justifyContent="space-between" width={'100%'}>
</Text> <Text size={27} weight={'semibold'} >
</XStack> Critical
</YStack> </Text>
</XStack> <Text size={15} weight={'semibold'}>
<Separator borderColor={'#e3e3e3'} style={{ marginTop: 'auto' }} /> {'>'}
<XStack space={'$4'} style={{ padding: '10px 16px' }}> </Text>
<IconText icon={<Icon src="icons/active.svg" width={16} />} weight={'semibold'}> </XStack>
{'Good'} <XStack justifyContent="space-between" width={'100%'}>
</IconText> <Text size={27} weight={'semibold'}>
</XStack> 16
</YStack> </Text>
<Text size={19} weight={'semibold'} color="#84888E">
Per Minute
</Text>
</XStack>
</YStack>
</XStack>
<Separator borderColor={'#e3e3e3'} style={{ marginTop: 'auto' }} />
<XStack space={'$4'} style={{ padding: '10px 16px' }}>
<IconText icon={<Icon src="icons/active.svg" width={16} />} weight={'semibold'}>
{'Good'}
</IconText>
</XStack>
</YStack>
</DashboardCardWrapper>
) )
} }