fix: fix style of snackbar on mobile (#1197)

2019-05-08 23:35:33 -07:00 · 2019-05-08 23:35:33 -07:00 · 4432d49467
parent 43baaf36ae
commit 4432d49467
1 changed files with 18 additions and 1 deletions
--- a/src/routes/_components/snackbar/Snackbar.html
+++ b/src/routes/_components/snackbar/Snackbar.html
@ -86,7 +86,24 @@

  @media (max-width: 767px) {
    .snackbar-container {
-      width: 100%;
+      width: calc(100% - 20px);
+    }
+    button {
+      margin-left: 0;
+      padding: 7px 10px;
+    }
+  }
+
+  @media (max-width: 479px) {
+    button {
+      font-size: 0.9em;
+    }
+    :global(.close-snackbar-button) {
+      width: 14px;
+      height: 14px;
+    }
+    .text {
+      font-size: 0.9em;
    }
  }
 </style>