mirror of
https://github.com/status-im/nimbus-gui.git
synced 2025-02-08 09:34:40 +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