Clear code

This commit is contained in:
Hristo Nedelkov 2023-10-31 11:09:50 +02:00
parent 6954603d04
commit e76ceb301c
6 changed files with 24 additions and 46 deletions

View File

@ -9,7 +9,7 @@ const ConsensusUptimeCard = () => {
const monthlyActivity = [3, 0, 5, 4, 6, 7, 8, 9, 10, 1, 2, 3]
return (
<DashboardCardWrapper maxHeight="100px">
<DashboardCardWrapper >
<YStack space={'$3'}>
<YStack>
<Text size={15} weight={'semibold'}>

View File

@ -44,7 +44,7 @@ const DashboardContent = () => {
className={'transparent-scrollbar'}
>
<TitleLogo />
<Stack style={{
{/* <Stack style={{
display: 'grid',
gridTemplateColumns: windowWidth < 1375 ? '1fr 1fr' : '1fr 1fr 2fr',
gap: '8px',
@ -61,40 +61,19 @@ const DashboardContent = () => {
<BalanceChartCard />
</Stack>
}
</Stack>
</Stack> */}
<BasicInfoCards />
{/* SECOND ROW ENDS HERE! */}
{/* <Stack
style={{
display: 'grid',
gridTemplateColumns: windowWidth < 1300 ? '1fr' : '1.5fr 1fr',
gap: '16px',
}}
>
<Stack
style={{
display: 'grid',
gridTemplateColumns: windowWidth < 1300 ? '1fr' : '1fr 1fr',
gridAutoFlow: 'row',
gap: '16px',
}}
>
<Stack>
<ConsensusUptimeCard />
<ExecutionUptime />
<Stack style={{ gridColumn: '1 / span 2', marginTop: windowWidth < 1300 ? '50px' : 0 }}>
<DeviceUptime />
</Stack>
</Stack>
<Stack
style={{
display: 'grid',
gridTemplateColumns: windowWidth < 1750 ? '1fr' : '1fr 1fr',
gap: '16px',
marginTop: windowWidth < 1300 ? '50px' : 0,
maxHeight: '200px',
}}
>
<StorageCard maxStorage={100} storage={82} />
<CPUCard load={[12, 31, 3, 2, 24, 98]} />
<MemoryCard currentMemory={[21, 33, 3, 42, 35]} maxMemory={50} />
@ -102,8 +81,7 @@ const DashboardContent = () => {
downloadRate={[12, 31, 22, 12, 23, 23, 90]}
uploadRate={[31, 22, 32, 132, 32, 45, 65]}
/>
</Stack>
</Stack> */}
</YStack >
)

View File

@ -28,7 +28,7 @@ const DeviceUptime = () => {
}
return (
<DashboardCardWrapper maxHeight="100px">
<DashboardCardWrapper >
<YStack space={'$3'}>
<XStack justifyContent={'space-between'}>
<YStack>

View File

@ -8,7 +8,7 @@ import DashboardCardWrapper from '../DashboardCardWrapper'
const ExecutionUptime = () => {
const monthlyActivity = [3, 0, 5, 4, 6, 7, 0, 9, 10, 1, 2, 3]
return (
<DashboardCardWrapper maxHeight="100px">
<DashboardCardWrapper >
<YStack space={'$3'} minHeight={'156px'} padding={'$3'}>
<YStack>
<Text size={15} weight={'semibold'}>