separate modal content class and add min height

Yoast · Dec 4, 2024 · 3997998 · 3997998
1 parent 077cd5d
commit 3997998
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/packages/related-keyphrase-suggestions/src/components/Modal/index.js b/packages/related-keyphrase-suggestions/src/components/Modal/index.js
@@ -30,7 +30,7 @@ export const Modal = ( { isOpen, onClose, insightsLink, learnMoreLink, children
 					</BaseModal.Title>
 				</BaseModal.Container.Header>
 				<BaseModal.Container.Content
-					className="yst-p-6 yst-m-0 yst-max-h-[60vh] yst-overflow-y-auto"
+					className="yst-related-keyphrase-modal-content yst-m-0"
 				>
 					{ children }
 				</BaseModal.Container.Content>

diff --git a/packages/related-keyphrase-suggestions/src/components/Modal/style.css b/packages/related-keyphrase-suggestions/src/components/Modal/style.css
@@ -6,6 +6,12 @@
             .yst-link-icon {
                 @apply yst-w-3 yst-h-3;
             }
-        } 
+        }
+
+		.yst-related-keyphrase-modal-content {
+			max-height: 60vh;
+			min-height: 350px;
+			@apply yst-p-6 yst-overflow-y-auto;
+		}
     }
 }