status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-02-28 02:50:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

Use latest cards from main

Browse Source
This commit is contained in:
Hristo Nedelkov 2023-08-14 09:55:09 +03:00
parent 1fe342f9fe
commit 4cacdb464b
2 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/DeviceStorageHealth.tsx
View File

@ -28,7 +28,15 @@ const DeviceStorageHealth: React.FC<DeviceStorageHealthProps> = ({ storage, maxS
] ]
} }
return ( return (
<Shadow variant="$2" style={{ width: '284px', height: '136px', borderRadius: '16px' }}> <Shadow
variant="$2"
style={{
width: '284px',
height: '136px',
borderRadius: '16px',
border: '1px solid #D92344',
}}
>
<YStack> <YStack>
<XStack <XStack
justifyContent="space-between" justifyContent="space-between"

5
src/pages/DeviceHealthCheck/DeviceHealthCheck.tsx
View File

@ -7,6 +7,7 @@ import DeviceCPULoad from '../../components/DeviceCPULoad'
import HealthInfoSection from '../../components/HealthInfoSection' import HealthInfoSection from '../../components/HealthInfoSection'
import { Button, InformationBox } from '@status-im/components' import { Button, InformationBox } from '@status-im/components'
import Icon from '../../components/Icon' import Icon from '../../components/Icon'
import DeviceMemory from '../../components/DeviceMemoryHealth'
const DeviceHealthCheck = () => { const DeviceHealthCheck = () => {
return ( return (
@ -39,10 +40,10 @@ const DeviceHeanlthCheckContent = () => {
/> />
<XStack space={'$4'}> <XStack space={'$4'}>
<DeviceStorageHealth storage={1} maxStorage={2} /> <DeviceStorageHealth storage={1} maxStorage={2} />
<DeviceStorageHealth storage={2} maxStorage={1} /> <DeviceCPULoad load={[12, 123, 4]} />
</XStack> </XStack>
<XStack space={'$4'}> <XStack space={'$4'}>
<DeviceCPULoad load={[12, 123, 4]} /> <DeviceMemory currentMemory={[25,31,5,14,20]} maxMemory={64} />
<DeviceCPULoad load={[1, 4, 23]} /> <DeviceCPULoad load={[1, 4, 23]} />
</XStack> </XStack>
<HealthInfoSection <HealthInfoSection