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

feat(validator-management): update structure

Browse Source
This commit is contained in:
RadoslavDimchev 2024-05-07 19:32:11 +03:00 committed by Emil Ivanichkov
parent d01dc83fcc
commit e878955b8f
1 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/pages/ValidatorManagement/ValidatorManagement.tsx
View File

@ -7,7 +7,6 @@ import DeviceUptime from '../Dashboard/DeviceUptime/DeviceUptime'
import ConsensusUptimeCard from '../Dashboard/ConsensusUptime/ConsensusUptimeCard' import ConsensusUptimeCard from '../Dashboard/ConsensusUptime/ConsensusUptimeCard'
import ExecutionUptime from '../Dashboard/ExecutionUptime/ExecutionUptime' import ExecutionUptime from '../Dashboard/ExecutionUptime/ExecutionUptime'
import BasicInfoCard from '../Dashboard/BasicInfoCards/BasicInfoCard' import BasicInfoCard from '../Dashboard/BasicInfoCards/BasicInfoCard'
import styles from './validatorManagement.module.css'
const ValidatorManagement = () => { const ValidatorManagement = () => {
return ( return (
@ -20,14 +19,14 @@ const ValidatorManagement = () => {
<ManagementHeader /> <ManagementHeader />
<XStack space="$4" style={{ width: '100%' }}> <XStack space="$4" style={{ width: '100%' }}>
<DeviceUptime <DeviceUptime
style={{ width: '100%', flex: '0 0 50%', minHeight: '100%' }} style={{ flex: '0 0 calc(50% - 12px)', minHeight: '100%' }}
/> />
<XStack space="$4" style={{ flex: '0 0 calc(50% - 24px)' }}> <XStack space="$4" style={{ width: '100%', display: 'flex' }}>
<YStack space="$4" style={{ flex: '0 0 calc(33.3% - 24px)' }}> <YStack space="$4" style={{ flex: '0 0 calc(33.3% - 12px)' }}>
<ConsensusUptimeCard /> <ConsensusUptimeCard />
<ExecutionUptime /> <ExecutionUptime />
</YStack> </YStack>
<YStack space="$4" style={{ flex: '0 0 calc(16.6% - 24px)' }}> <YStack space="$4" style={{ flex: '0 0 calc(16.6% - 12px)' }}>
<BasicInfoCard title="Network Validators" value="498,156" /> <BasicInfoCard title="Network Validators" value="498,156" />
<BasicInfoCard title="Queue" value="145" /> <BasicInfoCard title="Queue" value="145" />
</YStack> </YStack>