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 { Separator, Stack, XStack, YStack } from 'tamagui'
import { Separator, XStack, YStack } from 'tamagui'
import IconText from '../../components/General/IconText'
import Icon from '../../components/General/Icon'
import DashboardCardWrapper from '../Dashboard/DashboardCardWrapper'
const LogsSumCard = () => {
return (
<YStack
style={{
borderRadius: '16px',
border: 'none',
backgroundColor: '#fff',
flexGrow: '1',
minWidth: '320px',
}}
>
<XStack
justifyContent="space-between"
<DashboardCardWrapper>
<YStack
style={{
padding: '8px 16px',
position: 'relative',
borderRadius: '16px',
border: 'none',
backgroundColor: '#fff',
flexGrow: '1',
minWidth: '320px',
}}
>
<YStack space={'$3'} width={'100%'}>
<Text size={15} weight={'semibold'}>
Critical
</Text>
<XStack justifyContent="space-between" width={'100%'}>
<Text size={27} weight={'semibold'}>
16
</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>
<XStack
justifyContent="space-between"
style={{
padding: '8px 16px',
position: 'relative',
flexGrow: '1',
}}
>
<YStack space={'$3'} width={'100%'}>
<XStack justifyContent="space-between" width={'100%'}>
<Text size={27} weight={'semibold'} >
Critical
</Text>
<Text size={15} weight={'semibold'}>
{'>'}
</Text>
</XStack>
<XStack justifyContent="space-between" width={'100%'}>
<Text size={27} weight={'semibold'}>
16
</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>
)
}