mirror of
https://github.com/status-im/nimbus-gui.git
synced 2025-02-12 19:36:35 +00:00
feat: create add card component
This commit is contained in:
parent
a2fa47d2bf
commit
2d58b44361
31
src/pages/Dashboard/AddCard.tsx
Normal file
31
src/pages/Dashboard/AddCard.tsx
Normal file
@ -0,0 +1,31 @@
|
|||||||
|
import { Stack } from 'tamagui'
|
||||||
|
import { AddIcon } from '@status-im/icons'
|
||||||
|
|
||||||
|
const AddCard = () => {
|
||||||
|
return (
|
||||||
|
<Stack
|
||||||
|
style={{
|
||||||
|
border: '2px dashed #DCE0E5',
|
||||||
|
borderRadius: '16px',
|
||||||
|
cursor: 'pointer',
|
||||||
|
height: '150px',
|
||||||
|
width: '260px',
|
||||||
|
justifyContent: 'center',
|
||||||
|
alignItems: 'center',
|
||||||
|
backgroundColor: 'white',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<AddIcon
|
||||||
|
size={12}
|
||||||
|
color="white"
|
||||||
|
style={{
|
||||||
|
backgroundColor: '#2A4AF5',
|
||||||
|
borderRadius: '50%',
|
||||||
|
padding: '6px',
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</Stack>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export default AddCard
|
Loading…
x
Reference in New Issue
Block a user