format
This commit is contained in:
parent
9b056fce70
commit
638177b909
|
@ -10,7 +10,7 @@ type BasicInfoCardProps = {
|
||||||
|
|
||||||
const BasicInfoCard = ({ title, value }: BasicInfoCardProps) => {
|
const BasicInfoCard = ({ title, value }: BasicInfoCardProps) => {
|
||||||
return (
|
return (
|
||||||
<DashboardCardWrapper >
|
<DashboardCardWrapper>
|
||||||
<YStack>
|
<YStack>
|
||||||
<Text size={15} weight={'semibold'}>
|
<Text size={15} weight={'semibold'}>
|
||||||
{title}
|
{title}
|
||||||
|
|
|
@ -40,7 +40,7 @@ const CPUCard = ({ load }: CPUCardProps) => {
|
||||||
const message = currentLoad < 80 ? 'Good' : 'Poor'
|
const message = currentLoad < 80 ? 'Good' : 'Poor'
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<DashboardCardWrapper padding="0" height="156px" minWidth='290px' >
|
<DashboardCardWrapper padding="0" height="156px" minWidth="290px">
|
||||||
<YStack
|
<YStack
|
||||||
style={{
|
style={{
|
||||||
borderRadius: '16px',
|
borderRadius: '16px',
|
||||||
|
|
|
@ -9,7 +9,7 @@ const ConsensusUptimeCard = () => {
|
||||||
const monthlyActivity = [3, 0, 5, 4, 6, 7, 8, 9, 10, 1, 2, 3]
|
const monthlyActivity = [3, 0, 5, 4, 6, 7, 8, 9, 10, 1, 2, 3]
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<DashboardCardWrapper maxHeight="100px" >
|
<DashboardCardWrapper maxHeight="100px">
|
||||||
<YStack space={'$3'}>
|
<YStack space={'$3'}>
|
||||||
<YStack>
|
<YStack>
|
||||||
<Text size={15} weight={'semibold'}>
|
<Text size={15} weight={'semibold'}>
|
||||||
|
|
|
@ -96,7 +96,7 @@ const DashboardContent = () => {
|
||||||
{/* </YStack> */}
|
{/* </YStack> */}
|
||||||
</Stack>
|
</Stack>
|
||||||
</Stack>
|
</Stack>
|
||||||
</YStack >
|
</YStack>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -28,7 +28,7 @@ const DeviceUptime = () => {
|
||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<DashboardCardWrapper maxHeight="100px" >
|
<DashboardCardWrapper maxHeight="100px">
|
||||||
<YStack space={'$3'}>
|
<YStack space={'$3'}>
|
||||||
<XStack justifyContent={'space-between'}>
|
<XStack justifyContent={'space-between'}>
|
||||||
<YStack>
|
<YStack>
|
||||||
|
|
|
@ -8,7 +8,7 @@ import DashboardCardWrapper from '../DashboardCardWrapper'
|
||||||
const ExecutionUptime = () => {
|
const ExecutionUptime = () => {
|
||||||
const monthlyActivity = [3, 0, 5, 4, 6, 7, 0, 9, 10, 1, 2, 3]
|
const monthlyActivity = [3, 0, 5, 4, 6, 7, 0, 9, 10, 1, 2, 3]
|
||||||
return (
|
return (
|
||||||
<DashboardCardWrapper maxHeight="100px" >
|
<DashboardCardWrapper maxHeight="100px">
|
||||||
<YStack space={'$3'} minHeight={'156px'} padding={'$3'}>
|
<YStack space={'$3'} minHeight={'156px'} padding={'$3'}>
|
||||||
<YStack>
|
<YStack>
|
||||||
<Text size={15} weight={'semibold'}>
|
<Text size={15} weight={'semibold'}>
|
||||||
|
|
|
@ -42,7 +42,7 @@ const MemoryCard = ({ currentMemory, maxMemory }: MemoryCardProps) => {
|
||||||
const message = currentLoad < maxMemory ? 'Good' : 'Poor'
|
const message = currentLoad < maxMemory ? 'Good' : 'Poor'
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<DashboardCardWrapper padding="0" minWidth='290px' height="156px">
|
<DashboardCardWrapper padding="0" minWidth="290px" height="156px">
|
||||||
<YStack
|
<YStack
|
||||||
style={{
|
style={{
|
||||||
borderRadius: '16px',
|
borderRadius: '16px',
|
||||||
|
|
|
@ -48,7 +48,7 @@ const NetworkCard = ({ uploadRate, downloadRate }: NetworkCardProps) => {
|
||||||
const message = currentLoad > 60 ? 'Good' : 'Poor'
|
const message = currentLoad > 60 ? 'Good' : 'Poor'
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<DashboardCardWrapper padding="0" minWidth='290px' height="156px">
|
<DashboardCardWrapper padding="0" minWidth="290px" height="156px">
|
||||||
<YStack
|
<YStack
|
||||||
style={{
|
style={{
|
||||||
borderRadius: '16px',
|
borderRadius: '16px',
|
||||||
|
|
|
@ -35,7 +35,7 @@ const StorageCard = ({ storage, maxStorage }: StorageCardProps) => {
|
||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<DashboardCardWrapper padding="0" minWidth='290px' height={'156px'}>
|
<DashboardCardWrapper padding="0" minWidth="290px" height={'156px'}>
|
||||||
<YStack
|
<YStack
|
||||||
style={{
|
style={{
|
||||||
borderRadius: '16px',
|
borderRadius: '16px',
|
||||||
|
|
Loading…
Reference in New Issue