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

This commit is contained in:
Yash Joshi
2023-08-23 15:09:44 +02:00
committed by GitHub
parent b2bfaf4721
commit 4629b3dd8e
@@ -24,6 +24,10 @@ export type ConfirmationModalProps = {
confirmationValue?: string; confirmationValue?: string;
}; };
const StyledConfirmationModal = styled(Modal)`
padding: ${({ theme }) => theme.spacing(4)};
`;
const StyledCenteredButton = styled(Button)` const StyledCenteredButton = styled(Button)`
justify-content: center; justify-content: center;
`; `;
@@ -68,7 +72,7 @@ export function ConfirmationModal({
return ( return (
<AnimatePresence mode="wait"> <AnimatePresence mode="wait">
<LayoutGroup> <LayoutGroup>
<Modal <StyledConfirmationModal
isOpen={isOpen} isOpen={isOpen}
onOutsideClick={() => { onOutsideClick={() => {
if (isOpen) { if (isOpen) {
@@ -110,7 +114,7 @@ export function ConfirmationModal({
marginTop: 10, marginTop: 10,
}} }}
/> />
</Modal> </StyledConfirmationModal>
</LayoutGroup> </LayoutGroup>
</AnimatePresence> </AnimatePresence>
); );