status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-02-14 20:36:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages/Dashboard/ConsensusUptime/ConsensusUptimeCard.tsx
View File

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

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

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

4
src/pages/Dashboard/DeviceUptime/DeviceUptime.tsx
View File

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

2
src/pages/Dashboard/ExecutionUptime/ExecutionUptime.tsx
View File

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