diff --git a/frontend/src/app/components/address/address.component.html b/frontend/src/app/components/address/address.component.html
index 3960f52e7..8ae8b478b 100644
--- a/frontend/src/app/components/address/address.component.html
+++ b/frontend/src/app/components/address/address.component.html
@@ -1,6 +1,9 @@
+
diff --git a/frontend/src/app/components/address/address.component.scss b/frontend/src/app/components/address/address.component.scss
index 5e22a9236..e6fa82d40 100644
--- 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;
+ }
}
\ No newline at end of file
diff --git a/frontend/src/app/components/block/block.component.html b/frontend/src/app/components/block/block.component.html
index 1e5859c9e..84532ec84 100644
--- a/frontend/src/app/components/block/block.component.html
+++ b/frontend/src/app/components/block/block.component.html
@@ -14,15 +14,20 @@
-
+
- Timestamp |
- {{ block.timestamp * 1000 | date:'yyyy-MM-dd HH:mm' }} ( ago) |
+ Timestamp |
+
+ {{ block.timestamp * 1000 | date:'yyyy-MM-dd HH:mm' }}
+
+ |
- Number of transactions |
+ Transactions |
{{ block.tx_count }} |
@@ -36,11 +41,11 @@
-
+
- Hash |
+ Hash |
{{ block.id | shortenString : 16 }} |
@@ -98,14 +103,11 @@
-
+
- |
-
-
- |
+ |
|
@@ -119,9 +121,15 @@
-
+
+
+ |
+
+
+ |
+
|
diff --git a/frontend/src/app/components/block/block.component.scss b/frontend/src/app/components/block/block.component.scss
index d724ac292..589490939 100644
--- a/frontend/src/app/components/block/block.component.scss
+++ b/frontend/src/app/components/block/block.component.scss
@@ -9,3 +9,7 @@
.title-block > h1 {
margin: 0;
}
+
+.mobile-width {
+ width: 130px;
+}
diff --git a/frontend/src/app/components/latest-transactions/latest-transactions.component.html b/frontend/src/app/components/latest-transactions/latest-transactions.component.html
index 88fb1bdba..cc8c5b4aa 100644
--- a/frontend/src/app/components/latest-transactions/latest-transactions.component.html
+++ b/frontend/src/app/components/latest-transactions/latest-transactions.component.html
@@ -9,8 +9,8 @@
- {{ transaction.txid | shortenString }} |
- {{ transaction.txid }} |
+ {{ transaction.txid | shortenString }} |
+ {{ transaction.txid }} |
{{ transaction.value / 100000000 | number: '1.8-8' }} BTC |
{{ transaction.vsize | vbytes: 2 }} |
{{ transaction.fee / transaction.vsize | number : '1.2-2'}} sats/vB |
diff --git a/frontend/src/app/components/transaction/transaction.component.html b/frontend/src/app/components/transaction/transaction.component.html
index f153c7825..2fe72a5e1 100644
--- a/frontend/src/app/components/transaction/transaction.component.html
+++ b/frontend/src/app/components/transaction/transaction.component.html
@@ -7,16 +7,22 @@
-
Transaction
-
{{ txId }}
-
-
-
-
+ Transaction
+
+
+
-
-
+
+
+
+
@@ -31,7 +37,11 @@
Included in block |
- #{{ tx.status.block_height }} at {{ tx.status.block_time * 1000 | date:'yyyy-MM-dd HH:mm' }} ( ago) |
+
+ #{{ tx.status.block_height }}
+ at {{ tx.status.block_time * 1000 | date:'yyyy-MM-dd HH:mm' }}
+
+ |
diff --git a/frontend/src/app/components/transaction/transaction.component.scss b/frontend/src/app/components/transaction/transaction.component.scss
index 5fec140ea..2dbe31fbc 100644
--- a/frontend/src/app/components/transaction/transaction.component.scss
+++ b/frontend/src/app/components/transaction/transaction.component.scss
@@ -2,15 +2,6 @@
padding: 0.55rem;
}
-#arrow {
- position: absolute;
- bottom: -24px;
- width: 40px;
- right: -1px;
-
- width: 40px;
-}
-
.title-block {
color: #FFF;
padding-left: 10px;
@@ -22,3 +13,19 @@
.title-block > h1 {
margin: 0;
}
+
+
+@media (max-width: 767.98px) {
+ .mobile-bottomcol {
+ margin-top: 15px;
+ }
+}
+
+@media (min-width: 768px) {
+ .float-right-md {
+ float: right;
+ }
+ .float-left-md {
+ float: left;
+ }
+}
\ No newline at end of file
diff --git a/frontend/src/app/components/transactions-list/transactions-list.component.html b/frontend/src/app/components/transactions-list/transactions-list.component.html
index a7a0f0201..8d81926d7 100644
--- a/frontend/src/app/components/transactions-list/transactions-list.component.html
+++ b/frontend/src/app/components/transactions-list/transactions-list.component.html
@@ -1,6 +1,9 @@
-
-
+
+
- {{ vout.scriptpubkey_address | shortenString : 42 }}
+
+ {{ vout.scriptpubkey_address | shortenString : 16 }}
+ {{ vout.scriptpubkey_address | shortenString : 42 }}
+
OP_RETURN
-
|
@@ -74,7 +78,7 @@
|
-
+ |
diff --git a/frontend/src/app/components/transactions-list/transactions-list.component.scss b/frontend/src/app/components/transactions-list/transactions-list.component.scss
index 4e676ae09..c1fd85659 100644
--- a/frontend/src/app/components/transactions-list/transactions-list.component.scss
+++ b/frontend/src/app/components/transactions-list/transactions-list.component.scss
@@ -61,4 +61,10 @@
.arrow.grey:after {
background-color:#6c757d;
+}
+
+@media (max-width: 767.98px) {
+ .mobile-bottomcol {
+ margin-top: 15px;
+ }
}
\ No newline at end of file
diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss
index 59d5ba4dc..e0698a4e8 100644
--- a/frontend/src/styles.scss
+++ b/frontend/src/styles.scss
@@ -317,3 +317,15 @@ hr {
tr {
white-space: nowrap;
}
+
+@media (min-width: 992px) {
+ .lg-inline {
+ display: inline-block;
+ }
+}
+
+@media (min-width: 768px) {
+ .md-inline {
+ display: inline-block;
+ }
+}
\ No newline at end of file
|