From 32c3795b00738073b96532b50d7489e1ce6fdbfb Mon Sep 17 00:00:00 2001
From: Bastien Dumont <bdumont@grandlyon.com>
Date: Tue, 19 Sep 2023 16:51:25 +0200
Subject: [PATCH] fix modal
---
.../Newsletter/ImagePicker/ImagePicker.tsx | 27 ++++++++++---------
.../Newsletter/ImagePicker/imagePicker.scss | 1 +
src/components/UI/theme.ts | 1 +
3 files changed, 17 insertions(+), 12 deletions(-)
diff --git a/src/components/Newsletter/ImagePicker/ImagePicker.tsx b/src/components/Newsletter/ImagePicker/ImagePicker.tsx
index 0c6fb9d7..b42b8896 100644
--- a/src/components/Newsletter/ImagePicker/ImagePicker.tsx
+++ b/src/components/Newsletter/ImagePicker/ImagePicker.tsx
@@ -98,18 +98,21 @@ const ImagePicker: React.FC<ImagePickerProps> = ({
/>
))}
</div>
- <div className="footer">
- <Pagination
- count={pageCount}
- siblingCount={0}
- onChange={(_e, page) => handleChangePage(page)}
- />
- <div className="buttons">
- <Button variant="outlined" onClick={() => setOpenModal(false)}>
- Annuler
- </Button>
- <Button onClick={handleValidateImage}>Valider</Button>
- </div>
+ <Pagination
+ count={pageCount}
+ siblingCount={0}
+ onChange={(_e, page) => handleChangePage(page)}
+ style={{
+ display: 'flex',
+ justifyContent: 'center',
+ marginTop: '1rem',
+ }}
+ />
+ <div className="buttons">
+ <Button variant="outlined" onClick={() => setOpenModal(false)}>
+ Annuler
+ </Button>
+ <Button onClick={handleValidateImage}>Valider</Button>
</div>
</Dialog>
</>
diff --git a/src/components/Newsletter/ImagePicker/imagePicker.scss b/src/components/Newsletter/ImagePicker/imagePicker.scss
index d831ef10..60c9acff 100644
--- a/src/components/Newsletter/ImagePicker/imagePicker.scss
+++ b/src/components/Newsletter/ImagePicker/imagePicker.scss
@@ -13,6 +13,7 @@
}
}
.ecogesture-image {
+ cursor: pointer;
display: block;
box-sizing: border-box;
border: solid 1px transparent;
diff --git a/src/components/UI/theme.ts b/src/components/UI/theme.ts
index 352651f5..f605e036 100644
--- a/src/components/UI/theme.ts
+++ b/src/components/UI/theme.ts
@@ -46,6 +46,7 @@ export const theme = createTheme({
styleOverrides: {
paper: {
padding: '1rem',
+ maxWidth: '700px',
},
},
},
--
GitLab