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

Style dashboard

This commit is contained in:
Hristo Nedelkov 2023-09-19 15:34:44 +03:00
parent 2920ffddb4
commit 46ab5f47b6
2 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -31,8 +31,9 @@ const LineChart = ({ years, userGains }: LineChartProps) => {
],
options: {
responsive: true,
maintainAspectRatio: true,
},
}
return <Line options={data.options} data={data} />

10
src/pages/Dashboard/Dashboard.tsx
View File

@ -23,7 +23,7 @@ const Dashboard = () => {
<YStack space={'$4'} alignItems="start" px="24px" style={{ flexGrow: '1' }}>
<TitleLogo />
<XStack justifyContent="space-between" style={{ width: '100%' }}>
<XStack space={'$4'} justifyContent={'space-between'} >
<XStack space={'$4'}>
<SyncStatusCard />
<AddCardsContainer />
@ -31,6 +31,8 @@ const Dashboard = () => {
<BalanceChartCard />
</XStack>
<BasicInfoCards />
<XStack space="$3">
<YStack space={'$4'}>
<XStack justifyContent="space-between">
@ -45,10 +47,10 @@ const Dashboard = () => {
<CPUCard load={[12, 31, 3, 2, 24, 98]} />
</XStack>
<XStack space="$4">
<MemoryCard currentMemory={[21, 33, 3, 42,35]} maxMemory={50} />
<MemoryCard currentMemory={[21, 33, 3, 42, 35]} maxMemory={50} />
<NetworkCard
downloadRate={[12, 31, 2, 12, 3, 23,90]}
uploadRate={[31, 12, 3, 13, 3,45,65]}
downloadRate={[12, 31, 22, 12, 23, 23, 90]}
uploadRate={[31, 22, 32, 132, 32, 45, 65]}
/>
</XStack>
</YStack>