fix(modal): add padding in confirmation modal (#1247)

This commit is contained in:
Yash Joshi
2023-08-23 18:39:44 +05:30
committed by GitHub
parent b2bfaf4721
commit 4629b3dd8e

View File

@ -24,6 +24,10 @@ export type ConfirmationModalProps = {
confirmationValue?: string;
};
const StyledConfirmationModal = styled(Modal)`
padding: ${({ theme }) => theme.spacing(4)};
`;
const StyledCenteredButton = styled(Button)`
justify-content: center;
`;
@ -68,7 +72,7 @@ export function ConfirmationModal({
return (
<AnimatePresence mode="wait">
<LayoutGroup>
<Modal
<StyledConfirmationModal
isOpen={isOpen}
onOutsideClick={() => {
if (isOpen) {
@ -110,7 +114,7 @@ export function ConfirmationModal({
marginTop: 10,
}}
/>
</Modal>
</StyledConfirmationModal>
</LayoutGroup>
</AnimatePresence>
);