Fix popups on mobile

2021-01-30 16:26:36 +01:00 · 2021-01-30 16:26:36 +01:00 · 031fffb26c
parent 692a695042
commit 031fffb26c
1 changed files with 6 additions and 0 deletions
--- a/src/styles/components/modal.scss
+++ b/src/styles/components/modal.scss
@ -39,6 +39,12 @@
      transform: translate(-50%, -50%);
      text-align: center;

+      @media screen and (max-width: $tablet) {
+        margin: 0;
+        top: 25%;
+        transform: translate(-50%, -25%);
+      }
+
      .header {
        font-size: 2rem;
        font-weight: 700;