feat(ui): adapt toast for mobile

nervosnetwork · Jun 12, 2019 · fab0e33 · fab0e33
1 parent 1147757
commit fab0e33
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/web/src/components/Toast/index.tsx b/web/src/components/Toast/index.tsx
@@ -27,6 +27,18 @@ const ToastItemDiv = styled.div`
     line-height: 70px;
     text-align: center;
   }
+
+  @media (max-width: 700px) {
+    top: 44px;
+    height: 36px;
+
+    .toast__text {
+      color: white;
+      font-size: 15px;
+      line-height: 36px;
+      text-align: center;
+    }
+  }
 `
 const ToastItem = ({
   data,