Fix Modals on Mobile (#1110)

MyCryptoHQ · Feb 17, 2018 · 41c5c32 · 41c5c32
1 parent 97d58c4
commit 41c5c32
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/common/components/ui/Modal.scss b/common/components/ui/Modal.scss
@@ -108,6 +108,11 @@ $m-anim-speed: 400ms;
       min-width: 100px;
     }
   }
+
+  // Mobile styles
+  @media(max-width: $screen-sm) {
+    width: calc(100% - 40px);
+  }
 }
 
 .animate-modal {

diff --git a/common/sass/styles/scaffolding.scss b/common/sass/styles/scaffolding.scss
@@ -57,3 +57,7 @@ hr {
   border: 0;
   border-top: 1px solid $hr-border;
 }
+
+#app {
+  overflow-x: hidden;
+}