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

add a light stroke to the normal Storage card

This commit is contained in:
Hristo Nedelkov 2023-09-28 22:54:12 +03:00
parent 622046405c
commit 9ff4d5269c
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Charts/DeviceStorageHealth.tsx
View File

@ -9,7 +9,7 @@ interface DeviceStorageHealthProps {
storage: number storage: number
maxStorage: number maxStorage: number
} }
const GOOD_COLOR = '#8DC6BC'; const GOOD_COLOR = '#8DC6BC';
const POOR_COLOR = '#E95460'; const POOR_COLOR = '#E95460';
const DeviceStorageHealth = ({ storage, maxStorage }: DeviceStorageHealthProps) => { const DeviceStorageHealth = ({ storage, maxStorage }: DeviceStorageHealthProps) => {
@ -42,7 +42,7 @@ const DeviceStorageHealth = ({ storage, maxStorage }: DeviceStorageHealthProps)
width: '50%', width: '50%',
minHeight: '135px', minHeight: '135px',
borderRadius: '16px', borderRadius: '16px',
border: message === 'Poor' ? '1px solid #D92344' : 'none', border: message === 'Poor' ? '1px solid #D92344' : '1px solid #E0E0E0',
backgroundColor: isHovered ? '#f8f6ff' : (message === 'Poor' ? '#fefafa' : '#fff'), backgroundColor: isHovered ? '#f8f6ff' : (message === 'Poor' ? '#fefafa' : '#fff'),
}} }}
onMouseEnter={() => setIsHovered(true)} onMouseEnter={() => setIsHovered(true)}