Use grid in data cards right

This commit is contained in:
Hristo Nedelkov 2023-11-01 19:35:32 +02:00
parent bcf7d7e7fc
commit 71eddf8034
4 changed files with 4 additions and 4 deletions

View File

@ -40,7 +40,7 @@ const CPUCard = ({ load }: CPUCardProps) => {
const message = currentLoad < 80 ? 'Good' : 'Poor'
return (
<DashboardCardWrapper padding="0" height="156px" minWidth="200px" maxWidth="30%">
<DashboardCardWrapper padding="0" height="156px" minWidth="200px" >
<YStack
style={{
borderRadius: '16px',

View File

@ -42,7 +42,7 @@ const MemoryCard = ({ currentMemory, maxMemory }: MemoryCardProps) => {
const message = currentLoad < maxMemory ? 'Good' : 'Poor'
return (
<DashboardCardWrapper padding="0" height="156px" minWidth="200px" maxWidth="30%">
<DashboardCardWrapper padding="0" height="156px" minWidth="200px" >
<YStack
style={{
borderRadius: '16px',

View File

@ -48,7 +48,7 @@ const NetworkCard = ({ uploadRate, downloadRate }: NetworkCardProps) => {
const message = currentLoad > 60 ? 'Good' : 'Poor'
return (
<DashboardCardWrapper padding="0" height="156px" minWidth="200px" maxWidth="30%">
<DashboardCardWrapper padding="0" height="156px" minWidth="200px" >
<YStack
style={{
borderRadius: '16px',

View File

@ -35,7 +35,7 @@ const StorageCard = ({ storage, maxStorage }: StorageCardProps) => {
}
return (
<DashboardCardWrapper padding="0" height={'156px'} minWidth="200px" maxWidth="30%">
<DashboardCardWrapper padding="0" height="156px" minWidth="200px" >
<YStack
style={{
borderRadius: '16px',