fix(device uptime cards): fix spacing between uptime cards

This commit is contained in:
Hristo Nedelkov 2024-03-21 23:59:03 +02:00 committed by Emil Ivanichkov
parent 5f6afb8bb5
commit 71df026348
4 changed files with 10 additions and 21 deletions

View File

@ -30,7 +30,7 @@ const ConsensusUptimeCard = () => {
justifyContent: 'center',
alignItems: 'center',
width: '100%',
height: '100%',
height: '90%',
}}
>
<UptimeChart

View File

@ -64,17 +64,11 @@ const DashboardContent = () => {
width: '100%',
}}
>
<YStack>
<Stack
style={{
display: 'grid',
gridTemplateColumns: '1fr 1fr',
gap: '8px',
}}
>
<YStack space="$3">
<XStack space="$2">
<ConsensusUptimeCard />
<ExecutionUptime />
</Stack>
</XStack>
<DeviceUptime />
</YStack>
<YStack space={'$4'}>
@ -100,18 +94,13 @@ const DashboardContentLayout = (width: number) => {
return (
<Stack width={'100%'}>
<YStack>
<Stack
style={{
display: 'grid',
gridTemplateColumns: '1fr 1fr',
gap: '8px',
}}
>
<XStack>
<ConsensusUptimeCard />
<ExecutionUptime />
</Stack>
</XStack>
<DeviceUptime />
</YStack>
<Stack
style={{
display: 'grid',

View File

@ -32,7 +32,7 @@ const DeviceUptime = () => {
return (
<DashboardCardWrapper minWidth="100px">
<YStack space={'$3'}>
<YStack>
<XStack justifyContent={'space-between'}>
<YStack>
<Text size={15} weight={'semibold'}>
@ -89,7 +89,7 @@ const DeviceUptime = () => {
justifyContent: 'center',
alignItems: 'center',
width: '100%',
height: '100%',
height: '90%',
}}
>
<UptimeChart

View File

@ -30,7 +30,7 @@ const ExecutionUptime = () => {
justifyContent: 'center',
alignItems: 'center',
width: '100%',
height: '100%',
height: '90%',
}}
>
<UptimeChart