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

feat: add theme background for page wrapper shadow

Browse Source
This commit is contained in:
RadoslavDimchev 2023-08-23 14:26:44 +03:00
parent a495af050d
commit a7f287f866
1 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/PageWrappers/PageWrapperShadow.tsx
View File

@ -1,6 +1,7 @@
import { ReactNode } from 'react' import { ReactNode } from 'react'
import './layout.css' import './layout.css'
import NimbusLogoMark from '../Logos/NimbusLogoMark' import NimbusLogoMark from '../Logos/NimbusLogoMark'
import { useTheme } from 'tamagui'
type PageWrapperShadowProps = { type PageWrapperShadowProps = {
breadcrumbBar?: ReactNode breadcrumbBar?: ReactNode
@ -15,8 +16,10 @@ const PageWrapperShadow = ({
rightImageLogo, rightImageLogo,
children, children,
}: PageWrapperShadowProps) => { }: PageWrapperShadowProps) => {
const theme = useTheme()
return ( return (
<div className="layout"> <div className="layout" style={{ backgroundColor: theme.background.val }}>
<section className="layout-left"> <section className="layout-left">
{breadcrumbBar} {breadcrumbBar}
<div className="container"> <div className="container">