status-im
/
nimbus-gui
mirror of https://github.com/status-im/nimbus-gui.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix(balance chart): fix balance chart resizing bug

This commit is contained in:
Hristo Nedelkov 2024-03-31 22:36:10 +03:00
parent ca1b7c8046
commit e2ade1ccbb
5 changed files with 11 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -41,7 +41,7 @@ const BalanceChartCard = () => {
} }
return ( return (
<DashboardCardWrapper minWidth={'436px'} width="100%"> <DashboardCardWrapper minWidth={'436px'} width="100%" height="100%">
<YStack space={'$4'}> <YStack space={'$4'}>
<XStack justifyContent={'space-between'}> <XStack justifyContent={'space-between'}>
<YStack> <YStack>

2
src/pages/Dashboard/BalanceChartCard/LineChart.tsx
View File

@ -37,7 +37,7 @@ const LineChart = ({ years, userGains }: LineChartProps) => {
} }
return ( return (
<Stack width={'100%'} height={'75%'}> <Stack width={'100%'} height={'79%'}>
<Line data={data} options={options} /> <Line data={data} options={options} />
</Stack> </Stack>
) )

6
src/pages/Dashboard/SyncStatusCards/ConsensusClientCard.tsx
View File

@ -35,7 +35,7 @@ const ConsensusCard = ({ value, total }: ConsensusCardProps) => {
return ( return (
<Shadow variant="$1" style={style}> <Shadow variant="$1" style={style}>
<YStack> <YStack>
<Stack style={{ minHeight: '90px', padding: '12px 16px' }}> <Stack style={{ padding: '12px 16px' }}>
<Text size={15} weight={'semibold'} color="#647084"> <Text size={15} weight={'semibold'} color="#647084">
Consensus Client Consensus Client
</Text> </Text>
@ -45,8 +45,8 @@ const ConsensusCard = ({ value, total }: ConsensusCardProps) => {
<Icon src="./icons/vector.svg" height={30} width={60} /> <Icon src="./icons/vector.svg" height={30} width={60} />
<Stack <Stack
style={{ style={{
height: '56px', height: '70px',
width: '56px', width: '70px',
}} }}
> >
<StandardGauge data={data} /> <StandardGauge data={data} />

4
src/pages/Dashboard/SyncStatusCards/ExecutionClientCard.tsx
View File

@ -42,8 +42,8 @@ const ExecutionClientCard = ({ value, total }: ExecutionClientCardProps) => {
</Text> </Text>
<Stack <Stack
style={{ style={{
height: '56px', height: '70px',
width: '56px', width: '70px',
}} }}
> >
<StandardGauge data={data} /> <StandardGauge data={data} />

7
src/pages/Dashboard/SyncStatusCards/SyncStatusCards.tsx
View File

@ -7,13 +7,14 @@ import ConsensusCard from './ConsensusClientCard'
const SyncStatusCards = () => { const SyncStatusCards = () => {
return ( return (
<DashboardCardWrapper padding="0" minWidth="200px"> <DashboardCardWrapper padding="0" minWidth="200px" height="100%">
<YStack space={'$3'}> <YStack space={'$3'}>
<Stack style={{ padding: '16px' }}> <div style={{ padding: '8px 16px' }}>
<Text size={19} weight={'semibold'}> <Text size={19} weight={'semibold'}>
Sync Status Sync Status
</Text> </Text>
</Stack> </div>
<YStack> <YStack>
<ExecutionClientCard value={153.424} total={170} /> <ExecutionClientCard value={153.424} total={170} />
<Separator borderColor={'#e3e3e3'} /> <Separator borderColor={'#e3e3e3'} />