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

Add grids

This commit is contained in:
Hristo Nedelkov 2023-10-21 19:33:12 +03:00
parent 58cb390a79
commit 59362dc5ef
1 changed files with 32 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
src/pages/Dashboard/DashboardContent.tsx
View File

@ -62,28 +62,43 @@ const DashboardContent = () => {
gap: '16px', gap: '16px',
}} }}
> >
<YStack space={'4$'}> <YStack
<XStack flexWrap="wrap" space={'$4'}> style={{
display: 'grid',
gridTemplateColumns: windowWidth < 1300 ? '1fr' : '1fr 1fr',
gridAutoFlow: 'row',
gap: '16px',
marginTop: windowWidth < 1300 ? '50px' : 0,
}}
>
<XStack style={{ gridColumn: '1 / span 2' }}>
<ConsensusUptimeCard /> <ConsensusUptimeCard />
<ExecutionUptime /> <ExecutionUptime />
</XStack> </XStack>
<DeviceUptime /> <Stack style={{ gridColumn: '1 / span 2' }}>
</YStack> <DeviceUptime />
<YStack space={'$4'}> </Stack>
<XStack flexWrap="wrap" space={'$4'}>
<StorageCard maxStorage={100} storage={82} />
<CPUCard load={[12, 31, 3, 2, 24, 98]} />
</XStack>
<XStack flexWrap="wrap" space={'$4'}>
<MemoryCard currentMemory={[21, 33, 3, 42, 35]} maxMemory={50} />
<NetworkCard
downloadRate={[12, 31, 22, 12, 23, 23, 90]}
uploadRate={[31, 22, 32, 132, 32, 45, 65]}
/>
</XStack>
</YStack> </YStack>
<Stack
style={{
display: 'grid',
gridTemplateColumns: windowWidth < 1300 ? '1fr' : '1fr 1fr',
gap: '16px',
marginTop: windowWidth < 1300 ? '50px' : 0,
}}
>
<StorageCard maxStorage={100} storage={82} />
<CPUCard load={[12, 31, 3, 2, 24, 98]} />
<MemoryCard currentMemory={[21, 33, 3, 42, 35]} maxMemory={50} />
<NetworkCard
downloadRate={[12, 31, 22, 12, 23, 23, 90]}
uploadRate={[31, 22, 32, 132, 32, 45, 65]}
/>
{/* </YStack> */}
</Stack>
</Stack> </Stack>
</YStack> </YStack >
) )
} }