mirror of
https://github.com/transatoshi-mw/grin-explorer.git
synced 2025-10-21 13:33:41 +00:00
adjust borders
This commit is contained in:
@@ -79,7 +79,7 @@
|
||||
<code>
|
||||
<br>
|
||||
<div class="container-fluid">
|
||||
<div class="d-flex justify-content-center">
|
||||
<div class="d-flex justify-content-center mb-2">
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 191 191" height="35" width="35" style="enable-background:new 0 0 191 191;" xml:space="preserve"><style type="text/css">.st0{fill:#f2a900;}</style><circle cx="95.5" cy="95.5" r="95.5"/><circle class="st0" cx="95.3" cy="95.5" r="85.3"/><path d="M135.7,63.5c-2-4.6-3.9-13.6-9.1-15.6c-6.7-2.6-10.9,14.3-11.9,18.6h-1c-1.7-7.3-4-17.7-12-20c-3.7,15.6,3.9,32.5,11,46
|
||||
c7.6-3.6,11.3-15,12-23h1l8,24c6.4-1.8,8.7-8.2,11-14c5-12.4,9.2-27.7,6-41C141.1,41.2,138.2,55,135.7,63.5 M39.7,95.5
|
||||
c8.6-4.1,12.7-17.1,14-26h1c1,4.3,3.7,15.4,9.1,16.1c6.8,0.9,10.4-14.3,10.9-19.1h1c2.2,7.5,4.5,17.3,12,21
|
||||
|
@@ -4,7 +4,7 @@
|
||||
|
||||
<code>
|
||||
|
||||
<div class="card rounded-0">
|
||||
<div class="card border-start-0 border-end-0 rounded-0">
|
||||
<div class="card-body" align="left">
|
||||
<div class="darkorange-text"><i class="bi bi-box"></i> BLOCK {{ block.height }}</div>
|
||||
<br>
|
||||
@@ -35,7 +35,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card border-top-0 rounded-0">
|
||||
<div class="card border-top-0 border-start-0 border-end-0 rounded-0">
|
||||
<div class="card-body mb-2" align="left">
|
||||
<div class="darkorange-text"><i class="bi bi-receipt"></i> TRANSACTIONS</div>
|
||||
<br>
|
||||
@@ -108,7 +108,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card border-top-0 rounded-0">
|
||||
<div class="card border-top-0 border-start-0 border-end-0 rounded-0">
|
||||
<div class="card-body" align="left">
|
||||
<div class="darkorange-text"><i class="bi bi-layout-text-sidebar-reverse"></i> RAW DATA</div>
|
||||
<br>
|
||||
|
@@ -6,7 +6,7 @@
|
||||
|
||||
<div class="d-none d-md-block"> <!-- Show on >= md screens -->
|
||||
<div class="card-group">
|
||||
<div class="card border-bottom-0 rounded-0">
|
||||
<div class="card border-bottom-0 border-start-0 rounded-0">
|
||||
<div class="card-body">
|
||||
<div class="darkorange-text">
|
||||
HEIGHT
|
||||
@@ -48,7 +48,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card border-bottom-0 rounded-0">
|
||||
<div class="card border-bottom-0 border-end-0 rounded-0">
|
||||
<div class="card-body">
|
||||
<div class="darkorange-text">
|
||||
WEIGHT
|
||||
@@ -60,7 +60,7 @@
|
||||
|
||||
{% for i in range(end=10) %}
|
||||
<div class="card-group rounded-0">
|
||||
<div class="card border-bottom-0 rounded-0">
|
||||
<div class="card border-bottom-0 border-start-0 rounded-0">
|
||||
<div class="card-body">
|
||||
{% if route == "block_list_by_height" %}
|
||||
<div class="value-text">
|
||||
@@ -118,7 +118,7 @@
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="card border-bottom-0 rounded-0">
|
||||
<div class="card border-bottom-0 border-end-0 rounded-0">
|
||||
<div class="card-body">
|
||||
{% if route == "block_list_by_height" %}
|
||||
<div class="value-text">{{ blocks[i].weight }} %</div>
|
||||
@@ -135,7 +135,7 @@
|
||||
|
||||
<div class="d-md-none"> <!-- Show on < md screens-->
|
||||
{% for i in range(end=10) %}
|
||||
<div class="card border-bottom-0 rounded-0">
|
||||
<div class="card border-bottom-0 border-start-0 border-end-0 rounded-0">
|
||||
<div class="card-body" align="left">
|
||||
<div class="d-flex justify-content-start">
|
||||
<i class="bi bi-box darkorange-text"></i>
|
||||
@@ -211,7 +211,7 @@
|
||||
|
||||
{% if route == "block_list_by_height" %}
|
||||
|
||||
<div class="card rounded-0 sticky-bottom">
|
||||
<div class="card rounded-0 border-start-0 border-end-0 sticky-bottom">
|
||||
<div class="mt-2 d-flex justify-content-center">
|
||||
<div class="me-5">
|
||||
{% if height >= (index + 10) %}
|
||||
@@ -243,7 +243,7 @@
|
||||
|
||||
{% else %}
|
||||
|
||||
<div class="card rounded-0 sticky-bottom">
|
||||
<div class="card rounded-0 border-start-0 border-end-0 sticky-bottom">
|
||||
<div class="mt-2 d-flex justify-content-center">
|
||||
<div class="me-5">
|
||||
<a class="text-decoration-none disabled" href="">
|
||||
|
@@ -4,7 +4,7 @@
|
||||
|
||||
<code>
|
||||
|
||||
<div class="card">
|
||||
<div class="card border-start-0 border-end-0 rounded-0">
|
||||
<div class="card-body">
|
||||
<h4>No results found.</h4><br>
|
||||
<div class="value-text mb-2">Supported search inputs:</div>
|
||||
|
@@ -11,7 +11,7 @@
|
||||
|
||||
<div class="d-none d-md-block"> <!-- Show on >= md screens -->
|
||||
<div class="card-group">
|
||||
<div class="card border-bottom-0 rounded-0">
|
||||
<div class="card border-bottom-0 border-start-0 rounded-0">
|
||||
<div class="card-body" align="left">
|
||||
<div class="darkorange-text"><i class="bi bi-cash-coin"></i> PRICE</div>
|
||||
<br>
|
||||
@@ -33,7 +33,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card border-bottom-0 rounded-0">
|
||||
<div class="card border-bottom-0 border-end-0 rounded-0">
|
||||
<div class="card-body" align="left">
|
||||
<div class="darkorange-text"><i class="bi bi-bank"></i> MARKET</div>
|
||||
<br>
|
||||
@@ -65,10 +65,9 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="card-group">
|
||||
<div class="card card-background border-0">
|
||||
<div class="card border-bottom-0 rounded-0 mx-0 mt-0">
|
||||
<div class="card border-bottom-0 border-start-0 rounded-0 mx-0 mt-0">
|
||||
<div class="card-body" align="left">
|
||||
<div class="darkorange-text"><i class="bi bi-grid"></i> BLOCKCHAIN</div>
|
||||
<br>
|
||||
@@ -85,7 +84,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card border-bottom-0 rounded-0 mx-0 my-0">
|
||||
<div class="card border-bottom-0 border-start-0 rounded-0 mx-0 my-0">
|
||||
<div class="card-body" align="left">
|
||||
<div class="darkorange-text"><i class="bi bi-speedometer2"></i> TRANSACTIONS & FEES</div>
|
||||
<br>
|
||||
@@ -100,7 +99,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card border-bottom-0 rounded-0">
|
||||
<div class="card border-bottom-0 border-end-0 rounded-0">
|
||||
<div class="card-body" align="left">
|
||||
<div class="darkorange-text"><i class="bi bi-hammer"></i> MINING</div>
|
||||
<br>
|
||||
@@ -146,9 +145,8 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="card-group">
|
||||
<div class="card rounded-0">
|
||||
<div class="card rounded-0 border-start-0">
|
||||
<div class="card-body" align="left">
|
||||
<div class="darkorange-text"><i class="bi bi-receipt"></i> MEMPOOL</div>
|
||||
<br>
|
||||
@@ -174,7 +172,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card rounded-0">
|
||||
<div class="card rounded-0 border-end-0">
|
||||
<div class="card-body" align="left">
|
||||
<div class="darkorange-text"><i class="bi bi-pc-display-horizontal"></i> NODE</div>
|
||||
<br>
|
||||
@@ -196,7 +194,7 @@
|
||||
|
||||
<div class="d-md-none"> <!-- Show on < md screens-->
|
||||
|
||||
<div class="card border-bottom-0 rounded-0">
|
||||
<div class="card border-bottom-0 border-start-0 border-end-0 rounded-0">
|
||||
<div class="card-body" align="left">
|
||||
<div class="darkorange-text"><i class="bi bi-cash-coin"></i> PRICE</div>
|
||||
<br>
|
||||
@@ -218,7 +216,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card border-bottom-0 rounded-0">
|
||||
<div class="card border-bottom-0 border-start-0 border-end-0 rounded-0">
|
||||
<div class="card-body" align="left">
|
||||
<div class="darkorange-text"><i class="bi bi-bank"></i> MARKET</div>
|
||||
<br>
|
||||
@@ -249,8 +247,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="card border-bottom-0 rounded-0">
|
||||
<div class="card border-bottom-0 border-start-0 border-end-0 rounded-0">
|
||||
<div class="card-body" align="left">
|
||||
<div class="d-flex justify-content-between">
|
||||
<div class="darkorange-text"><i class="bi bi-grid"></i> BLOCKCHAIN</div>
|
||||
@@ -269,7 +266,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card border-bottom-0 rounded-0">
|
||||
<div class="card border-bottom-0 border-start-0 border-end-0 rounded-0">
|
||||
<div class="card-body" align="left">
|
||||
<div class="darkorange-text"><i class="bi bi-hammer"></i> MINING</div>
|
||||
<br>
|
||||
@@ -313,7 +310,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card border-bottom-0 rounded-0">
|
||||
<div class="card border-bottom-0 border-start-0 border-end-0 rounded-0">
|
||||
<div class="card-body" align="left">
|
||||
<div class="darkorange-text"><i class="bi bi-speedometer2"></i> TRANSACTIONS & FEES</div>
|
||||
<br>
|
||||
@@ -327,9 +324,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="card border-bottom-0 rounded-0">
|
||||
<div class="card border-bottom-0 border-start-0 border-end-0 rounded-0">
|
||||
<div class="card-body" align="left">
|
||||
<div class="darkorange-text"><i class="bi bi-receipt"></i> MEMPOOL</div>
|
||||
<br>
|
||||
@@ -342,7 +337,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card border-bottom-0 rounded-0">
|
||||
<div class="card border-bottom-0 border-start-0 border-end-0 rounded-0">
|
||||
<div class="card-body" align="left">
|
||||
<div class="darkorange-text"><i class="bi bi-diagram-3"></i> CONNECTIONS</div>
|
||||
<br>
|
||||
@@ -355,7 +350,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card rounded-0">
|
||||
<div class="card rounded-0 border-start-0 border-end-0">
|
||||
<div class="card-body" align="left">
|
||||
<div class="darkorange-text"><i class="bi bi-pc-display-horizontal"></i> NODE</div>
|
||||
<br>
|
||||
@@ -466,7 +461,7 @@
|
||||
|
||||
<div class="d-none d-md-block"> <!-- Show on >= md screens -->
|
||||
<div class="card-group">
|
||||
<div class="card border-bottom-0 rounded-0">
|
||||
<div class="card border-bottom-0 border-start-0 rounded-0">
|
||||
<div class="card-body" align="left">
|
||||
<div class="darkorange-text"><i class="bi bi-bank"></i> MARKET</div>
|
||||
<br>
|
||||
@@ -489,7 +484,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card border-bottom-0 rounded-0">
|
||||
<div class="card border-bottom-0 border-end-0 rounded-0">
|
||||
<div class="card-body" align="left">
|
||||
<div class="darkorange-text"><i class="bi bi-hammer"></i> MINING</div>
|
||||
<br>
|
||||
@@ -508,9 +503,8 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="card-group">
|
||||
<div class="card border-bottom-0 rounded-0">
|
||||
<div class="card border-bottom-0 border-start-0 rounded-0">
|
||||
<div class="card-body" align="left">
|
||||
<div class="darkorange-text"><i class="bi bi-grid"></i> BLOCKCHAIN</div>
|
||||
<br>
|
||||
@@ -527,7 +521,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card border-bottom-0 rounded-0">
|
||||
<div class="card border-bottom-0 border-end-0 rounded-0">
|
||||
<div class="card-body" align="left">
|
||||
<div class="darkorange-text"><i class="bi bi-speedometer2"></i> TRANSACTIONS & FEES</div>
|
||||
<br>
|
||||
@@ -542,9 +536,8 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="card-group">
|
||||
<div class="card rounded-0">
|
||||
<div class="card border-start-0 rounded-0">
|
||||
<div class="card-body" align="left">
|
||||
<div class="darkorange-text"><i class="bi bi-receipt"></i> MEMPOOL</div>
|
||||
<br>
|
||||
@@ -570,7 +563,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card rounded-0">
|
||||
<div class="card border-end-0 rounded-0">
|
||||
<div class="card-body" align="left">
|
||||
<div class="darkorange-text"><i class="bi bi-pc-display-horizontal"></i> NODE</div>
|
||||
<br>
|
||||
@@ -593,7 +586,7 @@
|
||||
|
||||
<div class="d-md-none"> <!-- Show on < md screens-->
|
||||
|
||||
<div class="card border-bottom-0 rounded-0">
|
||||
<div class="card border-bottom-0 border-start-0 border-end-0 rounded-0">
|
||||
<div class="card-body" align="left">
|
||||
<div class="darkorange-text"><i class="bi bi-bank"></i> MARKET</div>
|
||||
<br>
|
||||
@@ -616,8 +609,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="card border-bottom-0 rounded-0">
|
||||
<div class="card border-bottom-0 border-start-0 border-end-0 rounded-0">
|
||||
<div class="card-body" align="left">
|
||||
<div class="d-flex justify-content-between">
|
||||
<div class="darkorange-text"><i class="bi bi-grid"></i> BLOCKCHAIN</div>
|
||||
@@ -636,7 +628,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card border-bottom-0 rounded-0">
|
||||
<div class="card border-bottom-0 border-start-0 border-end-0 rounded-0">
|
||||
<div class="card-body" align="left">
|
||||
<div class="darkorange-text"><i class="bi bi-hammer"></i> MINING</div>
|
||||
<br>
|
||||
@@ -653,7 +645,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card border-bottom-0 rounded-0">
|
||||
<div class="card border-bottom-0 border-start-0 border-end-0 rounded-0">
|
||||
<div class="card-body" align="left">
|
||||
<div class="darkorange-text"><i class="bi bi-speedometer2"></i> TRANSACTIONS & FEES</div>
|
||||
<br>
|
||||
@@ -667,9 +659,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="card border-bottom-0 rounded-0">
|
||||
<div class="card border-bottom-0 border-start-0 border-end-0 rounded-0">
|
||||
<div class="card-body" align="left">
|
||||
<div class="darkorange-text"><i class="bi bi-receipt"></i> MEMPOOL</div>
|
||||
<br>
|
||||
@@ -682,7 +672,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card border-bottom-0 rounded-0">
|
||||
<div class="card border-bottom-0 border-start-0 border-end-0 rounded-0">
|
||||
<div class="card-body" align="left">
|
||||
<div class="darkorange-text"><i class="bi bi-diagram-3"></i> CONNECTIONS</div>
|
||||
<br>
|
||||
@@ -695,7 +685,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card rounded-0">
|
||||
<div class="card border-start-0 border-end-0 rounded-0">
|
||||
<div class="card-body" align="left">
|
||||
<div class="darkorange-text"><i class="bi bi-pc-display-horizontal"></i> NODE</div>
|
||||
<br>
|
||||
@@ -738,70 +728,8 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="modal fade" id="mining_cost" tabindex="-1" aria-labelledby="mining_cost_label" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h1 class="modal-title fs-5" id="mining_cost_label">Estimated Mining Cost</h1>
|
||||
<div data-bs-theme="light">
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
Mining cost to produce 1 grin coin.<br>
|
||||
Assuming that:<br>
|
||||
Miner is G1-mini ASIC.<br>
|
||||
Electricity cost is $0.07 per kW/h.<br>
|
||||
<br>
|
||||
<a class="text-decoration-none" href="https://ipollo.com/products/ipollo-g1-mini">https://ipollo.com/products/ipollo-g1-mini</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modal fade" id="ratio" tabindex="-1" aria-labelledby="ratio_label" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h1 class="modal-title fs-5" id="ratio_label">Reward/Cost Ratio</h1>
|
||||
<div data-bs-theme="light">
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
Shows the result of the following formula:<br>
|
||||
Price of 1 Grin (USD) / Mining Cost of 1 Grin (USD).<br>
|
||||
<br>
|
||||
<i class="bi bi-hand-thumbs-down"></i> - <= 1<br>
|
||||
<i class="bi bi-hand-thumbs-up"></i> - from 1 to 2<br>
|
||||
<i class="bi bi-emoji-sunglasses"></i> - from 2 to 3<br>
|
||||
<i class='bi bi-rocket-takeoff'></i> - >= 3
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modal fade" id="breakeven" tabindex="-1" aria-labelledby="breakeven_label" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h1 class="modal-title fs-5" id="breakeven_label">Breakeven Electricity Cost</h1>
|
||||
<div data-bs-theme="light">
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
Electricity threshold cost below which mining is profitable.<br>
|
||||
Assuming G1-mini ASIC as a miner device.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
{% endif %}
|
||||
|
||||
</code>
|
||||
|
@@ -4,7 +4,7 @@
|
||||
|
||||
<code>
|
||||
|
||||
<div class="card rounded-0">
|
||||
<div class="card border-start-0 border-end-0 rounded-0">
|
||||
<div class="card-body">
|
||||
<div class="d-flex justify-content-between">
|
||||
<div class="darkorange-text"><i class="bi bi-card-text"></i> KERNEL</div>
|
||||
@@ -44,7 +44,7 @@
|
||||
</div>
|
||||
|
||||
{% if kernel.status != "Unconfirmed" %}
|
||||
<div class="card border-top-0 rounded-0">
|
||||
<div class="card border-top-0 border-start-0 border-end-0 rounded-0">
|
||||
<div class="card-body" align="left">
|
||||
<div class="darkorange-text"><i class="bi bi-layout-text-sidebar-reverse"></i> RAW DATA</div>
|
||||
<br>
|
||||
|
@@ -4,7 +4,7 @@
|
||||
|
||||
<code>
|
||||
|
||||
<div class="card rounded-0">
|
||||
<div class="card border-start-0 border-end-0 rounded-0">
|
||||
<div class="card-body">
|
||||
<div class="d-flex justify-content-between">
|
||||
<div class="darkorange-text"><i class="bi bi-card-text"></i> OUTPUT</div>
|
||||
@@ -37,7 +37,7 @@
|
||||
</div>
|
||||
|
||||
{% if output.status != "Unconfirmed" %}
|
||||
<div class="card border-top-0 rounded-0">
|
||||
<div class="card border-top-0 border-start-0 border-end-0 rounded-0">
|
||||
<div class="card-body" align="left">
|
||||
<div class="darkorange-text"><i class="bi bi-layout-text-sidebar-reverse"></i> RAW DATA</div>
|
||||
<br>
|
||||
|
@@ -4,7 +4,7 @@
|
||||
|
||||
<code>
|
||||
|
||||
<div class="card rounded-0">
|
||||
<div class="card border-start-0 border-end-0 rounded-0">
|
||||
<div class="card-body mx-2 mt-2 mb-3">
|
||||
<div class="d-flex justify-content-start mb-1">
|
||||
<i class="bi bi-box darkorange-text"></i>
|
||||
|
Reference in New Issue
Block a user