status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-01-21 00:40:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

style chart

Browse Source
This commit is contained in:
Hristo Nedelkov 2023-09-15 13:06:49 +03:00
parent 05d0a18947
commit 9173d42611
2 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/pages/Dashboard/UptimeChart/ConsensusUptimeCard.tsx
View File

@ -17,9 +17,11 @@ const ConsensusUptimeCard = () => {
<Text size={27} weight={'semibold'}>98%</Text>
<Text size={13} color='$red'>-2%</Text>
</XStack>
<Stack width={'100%'} height={'50%'}>
<UptimeChart />
</Stack>
<XStack width={'100%'} height={'50%'} justifyContent="center" alignItems="center">
<Stack style={{ display: 'flex', justifyContent: 'center', alignItems: 'center', width: '80%', height: '100%' }}>
<UptimeChart />
</Stack>
</XStack>
</YStack>
</Shadow >

5
src/pages/Dashboard/UptimeChart/UptimeChart.tsx
View File

@ -55,10 +55,8 @@ interface DataItem {
const UptimeChart = () => {
return (
<ResponsiveContainer width="100%" height="100%">
<ResponsiveContainer >
<BarChart
width={500}
height={300}
data={data}
margin={{
top: 5,
@ -66,6 +64,7 @@ const UptimeChart = () => {
left: 20,
bottom: 5,
}}
style={{ backgroundColor: '#F0F2F5' }}
>
<Bar dataKey="pv" barSize={2} fill="#E95460" />
</BarChart>