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

clear width from dashboard components

This commit is contained in:
Hristo Nedelkov 2023-10-13 12:53:40 +03:00
parent e79f89c1a8
commit 141a3a96f9
1 changed files with 42 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -17,52 +17,52 @@ import MemoryCard from './MemoryCard/MemoryCard'
const Dashboard = () => {
return (
<XStack justifyContent={'space-between'} >
<LeftSidebar />
<XStack justifyContent={'space-between'} >
<LeftSidebar />
<YStack
space={'$4'}
alignItems="start"
px="24px"
style={{ flexGrow: '1', marginTop: '16px', overflowY: 'scroll' }}
>
<TitleLogo />
<XStack space={'$4'} justifyContent={'space-between'} width={'100%'}>
<XStack space={'$4'} width={'40%'}>
<SyncStatusCard />
<AddCardsContainer />
<YStack
space={'$4'}
alignItems="start"
px="24px"
style={{ flexGrow: '1', marginTop: '16px' }}
>
<TitleLogo />
<XStack space={'$4'} justifyContent={'space-between'} >
<XStack space={'$4'} >
<SyncStatusCard />
<AddCardsContainer />
</XStack>
<BalanceChartCard />
</XStack>
<BasicInfoCards />
<XStack space="$3" >
<YStack space={'$4'} >
<XStack justifyContent="space-between">
<ConsensusUptimeCard />
<ExecutionUptime />
</XStack>
<BalanceChartCard />
</XStack>
<BasicInfoCards />
<DeviceUptime />
</YStack>
<YStack space={'$4'} >
<XStack space="$4" >
<StorageCard maxStorage={100} storage={82} />
<CPUCard load={[12, 31, 3, 2, 24, 98]} />
</XStack>
<XStack 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>
</XStack>
</YStack>
<XStack space="$3" width={'100%'}>
<YStack space={'$4'} width={'50%'}>
<XStack justifyContent="space-between">
<ConsensusUptimeCard />
<ExecutionUptime />
</XStack>
<DeviceUptime />
</YStack>
<YStack space={'$4'} width={'50%'}>
<XStack space="$4" width={'100%'}>
<StorageCard maxStorage={100} storage={82} />
<CPUCard load={[12, 31, 3, 2, 24, 98]} />
</XStack>
<XStack space="$4" width={'100%'}>
<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>
</XStack>
</YStack>
<RightSidebar />
</XStack>
<RightSidebar />
</XStack>
)
}