status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-01-21 00:40:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

Use status shadow box

Browse Source
This commit is contained in:
Hristo Nedelkov 2023-08-11 14:52:28 +03:00
parent acafd7eb66
commit 263c0b6a6f
3 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/DeviceMemoryHealth.tsx
View File

@ -1,7 +1,8 @@
import StandartLineChart from './StandardLineChart'
import ShadowBox from './ShadowBox'
import IconText from './IconText'
import { Paragraph, Separator, XStack, YStack } from 'tamagui'
import { Shadow as ShadowBox } from '@status-im/components'
type DataPoint = {
x: number
@ -37,7 +38,7 @@ const DeviceMemory = ({ currentMemory, maxMemory }: DeviceMemoryProps) => {
const message = currentLoad < 80 ? 'Good' : 'Poor'
return (
<ShadowBox boxStyle={{ width: '284px', height: '136px' }}>
<ShadowBox style={{ width: '284px', height: '136px' }}>
<YStack>
<XStack
justifyContent="space-between"

5
src/components/DeviceNetworkHealth.tsx
View File

@ -1,7 +1,8 @@
import StandartLineChart from './StandardLineChart'
import ShadowBox from './ShadowBox'
import IconText from './IconText'
import { Paragraph, Separator, XStack, YStack } from 'tamagui'
import { Shadow as ShadowBox } from '@status-im/components'
type DataPoint = {
x: number
@ -43,7 +44,7 @@ const DeviceNetworkHealth = ({ uploadRate, downloadRate }: DeviceNetworkHealthPr
const message = currentLoad < 80 ? 'Good' : 'Poor'
return (
<ShadowBox boxStyle={{ width: '284px', height: '136px' }}>
<ShadowBox style={{ width: '284px', height: '136px' }}>
<YStack>
<XStack
justifyContent="space-between"

1
src/components/LandingPage.tsx
View File

@ -2,6 +2,7 @@ import LayoutComponent from './LayoutComponent'
import './LandingPage.css'
import QuickStartBar from './QuickStartBar'
import DeviceMemory from './DeviceMemoryHealth'
import DeviceNetworkHealth from './DeviceNetworkHealth'
function LandingPage() {
return (