Improve explorer responsiveness

This commit is contained in:
Martin Boehm 2020-01-04 00:57:17 +01:00
parent b7a430574f
commit f2ff7985b1
4 changed files with 19 additions and 23 deletions

View File

@ -123,13 +123,13 @@ h3 {
min-height: 100%; min-height: 100%;
height: auto; height: auto;
padding: 75px 0; padding: 75px 0;
margin: 0 auto -45px; margin: 0 auto -42px;
} }
#footer { #footer {
background-color: #212121; background-color: #212121;
color: #fff; color: #fff;
height: 45px; height: 42px;
overflow: hidden; overflow: hidden;
} }

View File

@ -6,7 +6,7 @@
</div> </div>
<h3>Confirmed</h3> <h3>Confirmed</h3>
<div class="data-div row"> <div class="data-div row">
<div class="col-md-10"> <div class="col-lg-10">
<table class="table data-table"> <table class="table data-table">
<tbody> <tbody>
{{- if eq .ChainType 1 -}} {{- if eq .ChainType 1 -}}
@ -71,8 +71,8 @@
</tbody> </tbody>
</table> </table>
</div> </div>
<div class="col-md-2"> <div class="col-lg-2">
<div id="qrcode" style="width: 160px; height: 160px;"></div> <div id="qrcode" style="width: 160px; height: 160px; float: right; padding-left: 10px;"></div>
<script type="text/javascript" src="/static/js/qrcode.min.js"></script> <script type="text/javascript" src="/static/js/qrcode.min.js"></script>
<script type="text/javascript"> <script type="text/javascript">
new QRCode(document.getElementById("qrcode"), { text: "{{$addr.AddrStr}}", width: 160, height: 160 }); new QRCode(document.getElementById("qrcode"), { text: "{{$addr.AddrStr}}", width: 160, height: 160 });

View File

@ -14,7 +14,7 @@
<body> <body>
<header id="header"> <header id="header">
<div class="container"> <div class="container">
<nav class="navbar navbar-expand-lg navbar-dark bg-trezor"> <nav class="navbar navbar-expand-md navbar-dark bg-trezor">
<a class="navbar-brand" href="/" title="Home"> <a class="navbar-brand" href="/" title="Home">
<div alt="Trezor Wallet" style="margin-top: 3px;"> <div alt="Trezor Wallet" style="margin-top: 3px;">
<svg width="100" version="1.1" id="logotyp" xmlns="http://www.w3.org/2000/svg" xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 163.7 41.9" space="preserve"> <svg width="100" version="1.1" id="logotyp" xmlns="http://www.w3.org/2000/svg" xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 163.7 41.9" space="preserve">
@ -73,22 +73,18 @@
<footer id="footer" class="footer"> <footer id="footer" class="footer">
<div class="container"> <div class="container">
<nav class="navbar navbar-expand-lg navbar-dark bg-trezor"> <nav class="navbar navbar-expand-lg navbar-dark bg-trezor">
<ul class="navbar-nav flex-row"> <span class="navbar-nav">
<li class="nav-item"> <a class="nav-link" href="https://satoshilabs.com/" target="_blank" rel="noopener noreferrer">© 2020 SatoshiLabs</a>
<a class="nav-link" href="http://satoshilabs.com/" target="_blank" rel="noopener noreferrer">© 2020 SatoshiLabs</a> </span>
</li> <span class="navbar-nav ml-md-auto">
<li class="nav-item"> <a class="nav-link" href="{{- .TOSLink -}}" target="_blank" rel="noopener noreferrer">Terms</a>
<a class="nav-link" href="{{- .TOSLink -}}" target="_blank" rel="noopener noreferrer">Terms</a> </span>
</li> <span class="navbar-nav ml-md-auto">
</ul>
<span class="d-none ml-md-auto d-md-flex navbar-form navbar-nav">
<a href="/sendtx" class="nav-link">Send Transaction</a> <a href="/sendtx" class="nav-link">Send Transaction</a>
</span> </span>
<ul class="navbar-nav flex-row ml-md-auto d-none d-md-flex"> <span class="navbar-nav ml-md-auto d-md-flex d-none">
<li class="nav-item active"> <a class="nav-link active" rel="noopener noreferrer" href="http://shop.trezor.io">Don't have a Trezor? Get one!</a>
<a class="nav-link" rel="noopener noreferrer" href="http://shop.trezor.io">Don't have a Trezor? Get one!</a> </span>
</li>
</ul>
</nav> </nav>
</div> </div>
</footer> </footer>

View File

@ -6,7 +6,7 @@
</div> </div>
<h3>Confirmed</h3> <h3>Confirmed</h3>
<div class="data-div row"> <div class="data-div row">
<div class="col-md-10"> <div class="col-lg-10">
<table class="table data-table"> <table class="table data-table">
<tbody> <tbody>
<tr> <tr>
@ -64,8 +64,8 @@
</tbody> </tbody>
</table> </table>
</div> </div>
<div class="col-md-2"> <div class="col-lg-2">
<div id="qrcode" style="width: 160px; height: 160px;"></div> <div id="qrcode" style="width: 160px; height: 160px; float: right; padding-left: 10px;"></div>
<script type="text/javascript" src="/static/js/qrcode.min.js"></script> <script type="text/javascript" src="/static/js/qrcode.min.js"></script>
<script type="text/javascript"> <script type="text/javascript">
new QRCode(document.getElementById("qrcode"), { text: "{{$addr.AddrStr}}", width: 160, height: 160 }); new QRCode(document.getElementById("qrcode"), { text: "{{$addr.AddrStr}}", width: 160, height: 160 });