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 custom style when use border box

This commit is contained in:
RadoslavDimchev 2023-08-30 10:34:31 +03:00
parent 6a27c816f1
commit e66a1f7fcb
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/General/BorderBox.tsx
View File

@ -2,11 +2,14 @@ import { Stack } from 'tamagui'
type BorderBoxProps = { type BorderBoxProps = {
children: React.ReactNode children: React.ReactNode
style?: React.CSSProperties
} }
const BorderBox = ({ children }: BorderBoxProps) => { const BorderBox = ({ children, style }: BorderBoxProps) => {
return ( return (
<Stack style={{ border: '1px solid #DCE0E5', borderRadius: '0.5rem', padding: '6px 12px' }}> <Stack
style={{ border: '1px solid #DCE0E5', borderRadius: '16px', padding: '6px 12px', ...style }}
>
{children} {children}
</Stack> </Stack>
) )