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(dashboard): same spaces

This commit is contained in:
RadoslavDimchev 2024-04-20 13:22:42 +03:00 committed by Emil Ivanichkov
parent b722880631
commit 0ff181292f
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/pages/Dashboard/Dashboard.tsx
View File

@ -65,18 +65,18 @@ const Dashboard = () => {
}} }}
> >
<YStack space="$3"> <YStack space="$3">
<XStack space="$2" width={'100%'}> <XStack space="$3" width={'100%'}>
<ConsensusUptimeCard /> <ConsensusUptimeCard />
<ExecutionUptime /> <ExecutionUptime />
</XStack> </XStack>
<DeviceUptime /> <DeviceUptime />
</YStack> </YStack>
<YStack space={'$3'}> <YStack space={'$3'}>
<XStack space={'$4'}> <XStack space={'$3'}>
<StorageCard maxStorage={100} storage={182} /> <StorageCard maxStorage={100} storage={182} />
<CPUCard load={[12, 31, 3, 2, 24, 98]} /> <CPUCard load={[12, 31, 3, 2, 24, 98]} />
</XStack> </XStack>
<XStack space="$4"> <XStack space="$3">
<MemoryCard <MemoryCard
currentMemory={[21, 33, 3, 42, 35]} currentMemory={[21, 33, 3, 42, 35]}
maxMemory={50} maxMemory={50}
@ -98,7 +98,7 @@ const DashboardLayout = (width: number) => {
return ( return (
<Stack width={'100%'} space="$3"> <Stack width={'100%'} space="$3">
<YStack space="$3"> <YStack space="$3">
<Stack space="$2" width={'100%'}> <Stack space="$3" width={'100%'}>
<ConsensusUptimeCard /> <ConsensusUptimeCard />
<ExecutionUptime /> <ExecutionUptime />
</Stack> </Stack>
@ -108,7 +108,7 @@ const DashboardLayout = (width: number) => {
style={{ style={{
display: 'grid', display: 'grid',
gridTemplateColumns: width < 1240 ? '1fr 1fr' : '1fr 1fr 1fr 1fr', gridTemplateColumns: width < 1240 ? '1fr 1fr' : '1fr 1fr 1fr 1fr',
gap: '8px', gap: '15px',
}} }}
> >
<StorageCard maxStorage={100} storage={82} /> <StorageCard maxStorage={100} storage={82} />