improve modal display on mobile

2025-09-11 13:56:29 +02:00 · 2022-03-01 00:30:05 +01:00
parent c5d238c134
commit a2e8b73d8e
2 changed files with 24 additions and 9 deletions
--- a/src/components/Modal/styles.module.scss
+++ b/src/components/Modal/styles.module.scss
@@ -9,17 +9,27 @@
 }

 .modalContent {
-    @include horizontal-vertical-center();
-
    position: absolute;
-    bottom: auto;
-    right: auto;
    padding: 15px;
-    max-height: 80vh;
    outline: 0;
    background-color: $color-white;
-    border-radius: 15px;
-    border: $border-large;
+
+    @include mobile {
+        top: 0;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        overflow-y: auto;
+    }
+
+    @include desktop {
+        @include horizontal-vertical-center();
+        bottom: auto;
+        right: auto;
+        max-height: 80vh;
+        border-radius: 15px;
+        border: $border-large;
+    }
 }

 .closeButton {