Show popup window in full screen at mobile devices

2022-04-24 17:29:49 +05:30
parent 44c3dec9dc
commit 9a22b25564
9 changed files with 18 additions and 9 deletions
--- a/src/app/molecules/popup-window/PopupWindow.scss
+++ b/src/app/molecules/popup-window/PopupWindow.scss
@@ -1,9 +1,18 @@
@use '../../partials/dir';
+@use '../../partials/screen';

-.pw-model {
+.pw-modal {
  --modal-height: 774px;
  max-height: var(--modal-height) !important;
  height: 100%;
+
+  @include screen.smallerThan(mobileBreakpoint) {
+    --modal-height: 100%;
+    border-radius: 0 !important;
+    &__overlay {
+      padding: 0 !important;
+    }
+  }
 }

 .pw {