Add embeddable wallet balance page

2024-02-16 02:30:51 +00:00
parent 7fb699a02b
commit 96a17f09a5
10 changed files with 380 additions and 1 deletions
--- a/frontend/src/app/components/address-group/address-group.component.scss
+++ b/frontend/src/app/components/address-group/address-group.component.scss
@@ -0,0 +1,82 @@
+.frame {
+  position: relative;
+  background: #24273e;
+  padding: 0.5rem;
+  height: calc(100% + 60px);
+}
+
+.pagination {
+  position: absolute;
+  bottom: 0.5rem;
+  right: 0.5rem;
+}
+
+.table {
+  td, th {
+    padding: 0.15rem 0.5rem;
+
+    &.address {
+      width: auto;
+    }
+    &.btc {
+      width: 140px;
+      text-align: right;
+    }
+    &.fiat {
+      width: 142px;
+      text-align: right;
+    }
+  }
+
+  tr {
+    border-collapse: collapse;
+
+    &:first-child {
+      border-bottom: solid 1px white;
+      td, th {
+        padding-bottom: 0.3rem;
+      }
+    }
+    &:nth-child(2) {
+      td, th {
+        padding-top: 0.3rem;
+      }
+    }
+    &:nth-child(even) {
+      background: #181b2d;
+    }
+  }
+
+  @media (min-width: 528px) {
+    td, th {
+      &.btc {
+        width: 160px;
+      }
+      &.fiat {
+        width: 140px;
+      }
+    }
+  }
+
+  @media (min-width: 576px) {
+    td, th {
+      &.btc {
+        width: 170px;
+      }
+      &.fiat {
+        width: 140px;
+      }
+    }
+  }
+
+  @media (min-width: 992px) {
+    td, th {
+      &.btc {
+        width: 210px;
+      }
+      &.fiat {
+        width: 140px;
+      }
+    }
+  }
+}