Making block, transaction, and address view responsive.

closes #43
2020-03-10 14:46:12 +07:00
parent 71cd4e1279
commit 0f41b0d933
10 changed files with 115 additions and 45 deletions
--- a/frontend/src/app/components/address/address.component.scss
+++ b/frontend/src/app/components/address/address.component.scss
@@ -8,4 +8,20 @@
  padding-bottom: 5px;
  display: inline-block;
  margin-right: 25px;
+}
+
+@media (min-width: 576px) {
+  .qrcode-col {
+    text-align: right;
+  }
+}
+@media (max-width: 575.98px) {
+  .qrcode-col {
+    text-align: center;
+  }
+
+  .qrcode-col > div {
+    margin-top: 20px;
+    margin-right: 0px;
+  }
 }