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

View File

@ -24,11 +24,11 @@ const Dashboard = () => {
space={'$4'} space={'$4'}
alignItems="start" alignItems="start"
px="24px" px="24px"
style={{ flexGrow: '1', marginTop: '16px', overflowY: 'scroll' }} style={{ flexGrow: '1', marginTop: '16px' }}
> >
<TitleLogo /> <TitleLogo />
<XStack space={'$4'} justifyContent={'space-between'} width={'100%'}> <XStack space={'$4'} justifyContent={'space-between'} >
<XStack space={'$4'} width={'40%'}> <XStack space={'$4'} >
<SyncStatusCard /> <SyncStatusCard />
<AddCardsContainer /> <AddCardsContainer />
</XStack> </XStack>
@ -36,20 +36,20 @@ const Dashboard = () => {
</XStack> </XStack>
<BasicInfoCards /> <BasicInfoCards />
<XStack space="$3" width={'100%'}> <XStack space="$3" >
<YStack space={'$4'} width={'50%'}> <YStack space={'$4'} >
<XStack justifyContent="space-between"> <XStack justifyContent="space-between">
<ConsensusUptimeCard /> <ConsensusUptimeCard />
<ExecutionUptime /> <ExecutionUptime />
</XStack> </XStack>
<DeviceUptime /> <DeviceUptime />
</YStack> </YStack>
<YStack space={'$4'} width={'50%'}> <YStack space={'$4'} >
<XStack space="$4" width={'100%'}> <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]} />
</XStack> </XStack>
<XStack space="$4" width={'100%'}> <XStack space="$4" >
<MemoryCard currentMemory={[21, 33, 3, 42, 35]} maxMemory={50} /> <MemoryCard currentMemory={[21, 33, 3, 42, 35]} maxMemory={50} />
<NetworkCard <NetworkCard
downloadRate={[12, 31, 22, 12, 23, 23, 90]} downloadRate={[12, 31, 22, 12, 23, 23, 90]}