add maxHeight property to generic modal

DagsHub · Jul 3, 2023 · 36ee01e · 36ee01e
1 parent 0eaed82
commit 36ee01e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/components/dagshub/organization/modals/generic-modal/generic-modal.scss b/src/components/dagshub/organization/modals/generic-modal/generic-modal.scss
@@ -32,6 +32,7 @@
   font-style: normal;
   gap: 16px;
   height: 100%;
+  max-height: inherit;
 }
 
 .modal-content__title {

diff --git a/src/components/dagshub/organization/modals/generic-modal/index.tsx b/src/components/dagshub/organization/modals/generic-modal/index.tsx
@@ -8,11 +8,13 @@ export interface ModalProps {
   elements: JSX.Element[];
   onClose: () => void;
   height?: number;
+  maxHeight?:number;
 }
 
-export function GenericModal({ title, elements, onClose, height }: ModalProps) {
+export function GenericModal({ title, elements, onClose, height, maxHeight }: ModalProps) {
   const genericModalHeightStyle = {
-    height: height ? height : 'auto'
+    height: height ? height : 'auto',
+    maxHeight: maxHeight? maxHeight: 'auto'
   };
 
   return (