diff --git a/src/components/General/AddCards/AddCard.tsx b/src/components/General/AddCards/AddCard.tsx index 3b938f8e..c5796666 100644 --- a/src/components/General/AddCards/AddCard.tsx +++ b/src/components/General/AddCards/AddCard.tsx @@ -1,7 +1,11 @@ import { Stack } from 'tamagui' import { AddIcon } from '@status-im/icons' -const AddCard = () => { +type AddCardProps = { + padding: string +} + +const AddCard = ({ padding }: AddCardProps) => { return ( { borderRadius: '16px', cursor: 'pointer', minHeight: '150px', - padding: '0 7vw', + padding: padding, justifyContent: 'center', alignItems: 'center', backgroundColor: 'white', diff --git a/src/components/General/AddCards/AddCardsContainer.tsx b/src/components/General/AddCards/AddCardsContainer.tsx index f7503a86..fb5bf1c9 100644 --- a/src/components/General/AddCards/AddCardsContainer.tsx +++ b/src/components/General/AddCards/AddCardsContainer.tsx @@ -7,8 +7,8 @@ const AddCardsContainer = () => { return ( - - + + ) diff --git a/src/pages/Dashboard/RightSideBar/RightSidebar.tsx b/src/pages/Dashboard/RightSideBar/RightSidebar.tsx index 7ba6a713..61fe018d 100644 --- a/src/pages/Dashboard/RightSideBar/RightSidebar.tsx +++ b/src/pages/Dashboard/RightSideBar/RightSidebar.tsx @@ -3,6 +3,7 @@ import { XStack, YStack } from 'tamagui' import ValidatorListItem from './ValidatorListItem' import InputSearch from './SearchInput' import { CloseCircleIcon, ChevronRightIcon } from '@status-im/icons' +import AddCard from '../../../components/General/AddCards/AddCard' const RightSidebar = () => { return ( @@ -21,7 +22,14 @@ const RightSidebar = () => { 0xb9d...c35 - + + + + Diamond Hands + + + +