status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-02-01 14:15:22 +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 StandartLineChart from './StandardLineChart'
import ShadowBox from './ShadowBox'
import IconText from './IconText' import IconText from './IconText'
import { Paragraph, Separator, XStack, YStack } from 'tamagui' import { Paragraph, Separator, XStack, YStack } from 'tamagui'
import { Shadow as ShadowBox } from '@status-im/components'
type DataPoint = { type DataPoint = {
x: number x: number
@ -37,7 +38,7 @@ const DeviceMemory = ({ currentMemory, maxMemory }: DeviceMemoryProps) => {
const message = currentLoad < 80 ? 'Good' : 'Poor' const message = currentLoad < 80 ? 'Good' : 'Poor'
return ( return (
<ShadowBox boxStyle={{ width: '284px', height: '136px' }}> <ShadowBox style={{ width: '284px', height: '136px' }}>
<YStack> <YStack>
<XStack <XStack
justifyContent="space-between" justifyContent="space-between"

5
src/components/DeviceNetworkHealth.tsx
View File

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

1
src/components/LandingPage.tsx
View File

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