🐛(modal) make modal scrollable when height exceeds the viewport height

Currently, if the content of a modal exceeds the viewport height, it is not scrollable.
2024-05-23 18:03:04 +02:00
parent 0e98dfa1b7
commit 6bae4ad89a
2 changed files with 8 additions and 1 deletions
--- a/packages/react/src/components/Modal/index.scss
+++ b/packages/react/src/components/Modal/index.scss
@@ -12,10 +12,12 @@
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: calc(100% - 2em - 6px);
+  max-height: calc(100% - 2em - 6px);
+  display: flex;
+  flex-direction: column;

  &__scroller {
    padding: 1.5rem;
-    max-height: calc(100% - 2em - 6px);
    overflow: auto;
  }