Merge pull request #228 from platformatic/feauture/adding-modal-handling

Feauture/adding modal handling
platformatic · Dec 17, 2023 · 4f0c2be · 4f0c2be
2 parents 3a46475 + a4090c4
commit 4f0c2be
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/src/components/Modal.module.css b/src/components/Modal.module.css
@@ -48,10 +48,10 @@
   @apply inline-flex items-center;
 }
 .modal--small {
-  @apply min-w-[480px] max-w-[480px];
+  @apply w-auto lg:min-w-[480px] lg:max-w-[480px];
 }
 .modal--medium {
-  @apply min-w-[880px] max-w-[880px];
+  @apply w-auto lg:min-w-[880px] lg:max-w-[880px];
 }
 .modal--full-width {
   @apply w-screen min-w-full;

diff --git a/src/components/ModalDirectional.module.css b/src/components/ModalDirectional.module.css
@@ -23,8 +23,7 @@
   @apply flex items-center gap-x-2 pb-4;
 }
 .modalLefty {
-  @apply py-20 px-[7.5rem];
-  height: calc(100% - 10rem);
+  @apply p-5 lg:py-20 lg:px-[7.5rem] h-[calc(100%-42px)] lg:h-[calc(100%-10rem)];
 }
 
 @keyframes come-in {