Centered modal window

apache · Jun 28, 2021 · cb4c800 · cb4c800
1 parent 94b5ffc
commit cb4c800
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/superset-frontend/src/views/CRUD/data/database/DatabaseModal/index.tsx b/superset-frontend/src/views/CRUD/data/database/DatabaseModal/index.tsx
@@ -801,11 +801,11 @@ const DatabaseModal: FunctionComponent<DatabaseModalProps> = ({
       ]}
       name="database"
       data-test="database-modal"
-      height="600px"
       onHandledPrimaryAction={onSave}
       onHide={onClose}
       primaryButtonName={isEditMode ? t('Save') : t('Connect')}
       width="500px"
+      centered
       show={show}
       title={
         <h4>{isEditMode ? t('Edit database') : t('Connect a database')}</h4>
@@ -971,11 +971,11 @@ const DatabaseModal: FunctionComponent<DatabaseModalProps> = ({
         formStyles(theme),
       ]}
       name="database"
-      height="600px"
       onHandledPrimaryAction={onSave}
       onHide={onClose}
       primaryButtonName={hasConnectedDb ? t('Finish') : t('Connect')}
       width="500px"
+      centered
       show={show}
       title={<h4>{t('Connect a database')}</h4>}
       footer={renderModalFooter()}

diff --git a/superset-frontend/src/views/CRUD/data/database/DatabaseModal/styles.ts b/superset-frontend/src/views/CRUD/data/database/DatabaseModal/styles.ts
@@ -148,6 +148,10 @@ export const antDModalStyles = (theme: SupersetTheme) => css`
   .ant-modal-body {
     height: ${theme.gridUnit * 180.5}px;
   }
+
+  .ant-modal-footer {
+    height: ${theme.gridUnit * 16.25}px;
+  }
 `;
 
 export const antDAlertStyles = (theme: SupersetTheme) => css`