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 bottom row of dashboard

This commit is contained in:
Hristo Nedelkov 2023-10-19 18:21:20 +03:00
parent d942312938
commit 0508a93b90
1 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -55,15 +55,21 @@ const DashboardContent = () => {
<BalanceChartCard /> <BalanceChartCard />
</Stack> </Stack>
<BasicInfoCards /> <BasicInfoCards />
<XStack space="$3" flexWrap="wrap"> <Stack
<YStack space="$4"> style={{
display: 'grid',
gridTemplateColumns: windowWidth < 1300 ? '1fr' : '1.5fr 1fr',
gap: '16px',
}}
>
<YStack >
<XStack justifyContent="space-between"> <XStack justifyContent="space-between">
<ConsensusUptimeCard /> <ConsensusUptimeCard />
<ExecutionUptime /> <ExecutionUptime />
</XStack> </XStack>
<DeviceUptime /> <DeviceUptime />
</YStack> </YStack>
<YStack space="$4" flexWrap="wrap"> <YStack >
<XStack space="$4"> <XStack space="$4">
<StorageCard maxStorage={100} storage={82} /> <StorageCard maxStorage={100} storage={82} />
<CPUCard load={[12, 31, 3, 2, 24, 98]} /> <CPUCard load={[12, 31, 3, 2, 24, 98]} />
@ -76,7 +82,7 @@ const DashboardContent = () => {
/> />
</XStack> </XStack>
</YStack> </YStack>
</XStack> </Stack>
</YStack> </YStack>
) )
} }