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

feat: add status shadow to card wrapper

This commit is contained in:
RadoslavDimchev 2023-09-14 11:47:56 +03:00
parent 3b6b3fb2a2
commit 311e0cad47
1 changed files with 5 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/pages/Dashboard/DashboardCardWrapper.tsx
View File

@ -1,21 +1,15 @@
import { Stack } from 'tamagui' import { Shadow } from '@status-im/components'
type DashboardCardWrapperProps = { type DashboardCardWrapperProps = {
children: React.ReactNode children: React.ReactNode
padding?: string
} }
const DashboardCardWrapper = ({ children }: DashboardCardWrapperProps) => { const DashboardCardWrapper = ({ children, padding = '12px 16px' }: DashboardCardWrapperProps) => {
return ( return (
<Stack <Shadow variant="$1" style={{ borderRadius: '16px', padding, backgroundColor: '$background' }}>
style={{
borderRadius: '16px',
boxShadow: '0 0 8px rgba(0, 0, 0, 0.1)',
padding: '12px 16px',
backgroundColor: '$background',
}}
>
{children} {children}
</Stack> </Shadow>
) )
} }