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

Fix background structure and use image

This commit is contained in:
RadoslavDimchev 2023-07-21 20:26:35 +03:00
parent b239a14e62
commit 46710ca35d
1 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/pages/DeviceHealthCheck/DeviceHealthCheck.jsx
View File

@ -1,18 +1,21 @@
import { Image, XStack, YStack } from "tamagui"; import { XStack, YStack } from "tamagui";
import { ReactButton } from "../../components/ReactButton"; import { ReactButton } from "../../components/ReactButton";
import { Logo } from "../../components/Logo"; import { Logo } from "../../components/Logo";
import { InformationBox } from "../../components/InformationBox"; import { InformationBox } from "../../components/InformationBox";
import { Titles } from "../../components/Titles"; import { Titles } from "../../components/Titles";
import { IconText } from "../../components/IconText/IconText"; import { IconText } from "../../components/IconText/IconText";
import { BackgroundImage } from "../../components/BackgroundImage";
const DeviceHealthCheck = () => { const DeviceHealthCheck = () => {
return ( return (
<XStack <XStack
space space={"$6"}
style={{ style={{
background: "rgb(245,242,254)", background: "rgb(245,242,254)",
background: background:
"linear-gradient(180deg, rgba(245,242,254,1) 0%, rgba(255,255,255,1) 100%)", "linear-gradient(180deg, rgba(245,242,254,1) 0%, rgba(255,255,255,1) 100%)",
width: "100vw",
justifyContent: "end",
}} }}
> >
<YStack space={"$3"}> <YStack space={"$3"}>
@ -54,11 +57,10 @@ const DeviceHealthCheck = () => {
</ReactButton> </ReactButton>
</XStack> </XStack>
</YStack> </YStack>
<Image <BackgroundImage
source={{ style={{
uri: "/background-images/eye-background.png", background:
width: "650px", "url(/public/background-images/eye-background.png) no-repeat",
height: "100vh",
}} }}
/> />
</XStack> </XStack>