status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-02-12 19:36:35 +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',
alignItems: 'center',
width: '100%',
height: '100%',
height: '90%',
}}
>
<UptimeChart

23
src/pages/Dashboard/DashboardContent.tsx
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',

4
src/pages/Dashboard/DeviceUptime/DeviceUptime.tsx
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

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

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