fix(wallet-overview): add media queries for small heights

nano-wallet-company · Mar 17, 2018 · ad9e321 · ad9e321
1 parent 59497af
commit ad9e321
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 2 deletions.
diff --git a/app/components/account-card/styles.scss b/app/components/account-card/styles.scss
@@ -59,7 +59,7 @@ a {
     border: 0;
     color: white;
     display: block;
-    font-size: 1.4vh;
+    font-size: 0.7rem;
     height: 60px;
     margin: 0;
     outline: none;

diff --git a/app/components/balance-overview/styles.scss b/app/components/balance-overview/styles.scss
@@ -40,3 +40,16 @@
   letter-spacing: 1.33px;
   margin: 0;
 }
+
+@media (max-height: 730px) {
+  .pending {
+    display: none;
+  }
+}
+
+@media (max-height: 638px) {
+  .currency-tabs,
+  .balance {
+    display: none;
+  }
+}
diff --git a/yarn.lock b/yarn.lock
@@ -11662,7 +11662,7 @@ npmlog@^2.0.3:
     are-we-there-yet "~1.1.2"
     gauge "~1.2.5"
 
-"nprogress@github:alexlafroscia/nprogress#allow-alternate-scheduler":
+nprogress@alexlafroscia/nprogress#allow-alternate-scheduler:
   version "0.2.0"
   resolved "https://codeload.github.com/alexlafroscia/nprogress/tar.gz/af37323172b98441d02aa02447f795f5766419b0"