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

fix(uptime cards and charts): fix spacing bug

Browse Source
This commit is contained in:
Hristo Nedelkov 2024-03-22 09:17:06 +02:00 committed by Emil Ivanichkov
parent d5a129784f
commit 2d22996841
3 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -7,7 +7,7 @@ import DashboardCardWrapper from '../DashboardCardWrapper'
const ConsensusUptimeCard = () => {
return (
<DashboardCardWrapper minWidth="50px" maxWidth="1fr">
<DashboardCardWrapper minWidth="100px">
<YStack space={'$3'}>
<YStack>
<Text size={15} weight={'semibold'}>
@ -30,7 +30,7 @@ const ConsensusUptimeCard = () => {
justifyContent: 'center',
alignItems: 'center',
width: '100%',
height: '90%',
height: '100%',
}}
>
<UptimeChart

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

@ -64,8 +64,8 @@ const DashboardContent = () => {
width: '100%',
}}
>
<YStack space="$3">
<XStack space="$2">
<YStack space="$4">
<XStack space="$2" width="100%" flexWrap="wrap">
<ConsensusUptimeCard />
<ExecutionUptime />
</XStack>

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

@ -7,7 +7,7 @@ import DashboardCardWrapper from '../DashboardCardWrapper'
const ExecutionUptime = () => {
return (
<DashboardCardWrapper minWidth="100px" maxWidth="1fr">
<DashboardCardWrapper minWidth="100px">
<YStack space={'$3'}>
<YStack>
<Text size={15} weight={'semibold'}>
@ -30,7 +30,7 @@ const ExecutionUptime = () => {
justifyContent: 'center',
alignItems: 'center',
width: '100%',
height: '90%',
height: '100%',
}}
>
<UptimeChart