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

fix(validator-management): use flex

Browse Source
This commit is contained in:
RadoslavDimchev 2024-05-07 18:18:24 +03:00 committed by Emil Ivanichkov
parent d6dbc130a6
commit d01dc83fcc
2 changed files with 8 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -32,7 +32,7 @@ const DeviceUptime = ({ style }: { style?: React.CSSProperties }) => {
return (
<DashboardCardWrapper
style={{ width: '50%', height: '156px', minWidth: '200px', ...style }}
style={{ height: '156px', minWidth: '200px', ...style }}
>
<YStack space={'$3'}>
<XStack justifyContent={'space-between'}>

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

@ -1,6 +1,5 @@
import { Text } from '@status-im/components'
import { XStack, YStack } from 'tamagui'
import ManagementTabs from './ManagementTabs'
import ManagementHeader from './ManagementHeader'
import SidebarsWrapper from '../../components/PageWrappers/SidebarsWrapper'
@ -15,20 +14,20 @@ const ValidatorManagement = () => {
<SidebarsWrapper isNotBottomPadding={true}>
<YStack
space="$4"
style={{
width: '100%',
}}
style={{ width: '100%' }}
className={'transparent-scrollbar'}
>
<ManagementHeader />
<XStack space="$4" style={{ width: '100%' }}>
<DeviceUptime style={{ height: 'auto' }} />
<XStack space="$4" style={{ width: '100%' }}>
<YStack space="$4" style={{ width: '32%' }}>
<DeviceUptime
style={{ width: '100%', flex: '0 0 50%', minHeight: '100%' }}
/>
<XStack space="$4" style={{ flex: '0 0 calc(50% - 24px)' }}>
<YStack space="$4" style={{ flex: '0 0 calc(33.3% - 24px)' }}>
<ConsensusUptimeCard />
<ExecutionUptime />
</YStack>
<YStack space="$4" style={{ width: '16%' }} >
<YStack space="$4" style={{ flex: '0 0 calc(16.6% - 24px)' }}>
<BasicInfoCard title="Network Validators" value="498,156" />
<BasicInfoCard title="Queue" value="145" />
</YStack>