admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Yash Joshi
2023-08-23 18:39:44 +05:30
committed by GitHub
parent b2bfaf4721
commit 4629b3dd8e
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
front/src/modules/ui/modal/components/ConfirmationModal.tsx
View File

@ -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>
); );