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 @@

Address

- {{ addressString }} + + {{ addressString | shortenString : 24 }} + {{ addressString }} +
@@ -28,7 +31,7 @@
-
+
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 @@
-
+
- - + + - + @@ -36,11 +41,11 @@
Timestamp{{ block.timestamp * 1000 | date:'yyyy-MM-dd HH:mm' }} ( ago)Timestamp + {{ block.timestamp * 1000 | date:'yyyy-MM-dd HH:mm' }} +
+ ( ago) +
+
Number of transactionsTransactions {{ block.tx_count }}
-
+
- + @@ -98,14 +103,11 @@
-
+
HashHash {{ block.id | shortenString : 16 }}
- - - - + @@ -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 @@ - - + + 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 @@
- + 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 @@
{{ 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
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' }}
+
 ( ago)
+
-
- +
+
-
- {{ 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