Tune explorer navbar

This commit is contained in:
Martin Boehm 2018-09-13 22:59:24 +02:00
parent c6462bb0e7
commit 955dcfa346
2 changed files with 21 additions and 7 deletions

View File

@ -32,7 +32,6 @@ h3 {
} }
.navbar-form { .navbar-form {
padding-left: 15px;
padding-bottom: 1px; padding-bottom: 1px;
} }
@ -65,7 +64,7 @@ h3 {
height: 24px; height: 24px;
} }
.navbar-form .form-control { .navbar-form .form-control {
width: 350px; width: 230px;
} }
} }
@ -106,7 +105,6 @@ h3 {
color: rgba(255, 255, 255); color: rgba(255, 255, 255);
font-weight: bold; font-weight: bold;
font-size: 19px; font-size: 19px;
padding-left: 35px;
} }
.trezor-logo-svg-white svg { .trezor-logo-svg-white svg {
@ -161,6 +159,10 @@ h3 {
border-radius: .25em; border-radius: .25em;
} }
.txvalues:not(:last-child) {
margin-right: 5px;
}
.txvalues-default { .txvalues-default {
background-color: #EBEBEB; background-color: #EBEBEB;
color: #333; color: #333;
@ -217,6 +219,10 @@ h3 {
padding-left: .25rem; padding-left: .25rem;
} }
.navbar-text .nav-link {
padding: 0;
}
::-webkit-input-placeholder { ::-webkit-input-placeholder {
color: #CCC!important; color: #CCC!important;
font-style: italic; font-style: italic;

View File

@ -29,15 +29,23 @@
</svg> </svg>
</div> </div>
</a> </a>
<span class="navbar-text"> <span class="navbar-text ml-md-auto">
{{.CoinName}} Explorer <a href="/" class="nav-link">{{.CoinName}} Explorer</a>
</span> </span>
<span class="d-none d-md-flex navbar-form navbar-left"> <ul class="navbar-nav flex-row ml-md-auto d-none d-lg-flex">
<li class="nav-item">
<a href="/explorer/blocks" class="nav-link">Blocks</a>
</li>
<li class="nav-item">
<a href="/" class="nav-link">Status</a>
</li>
</ul>
<span class="d-none ml-md-auto d-md-flex navbar-form navbar-left">
<form id="search" action="/explorer/search" method="get"> <form id="search" action="/explorer/search" method="get">
<input name="q" type="text" class="form-control" placeholder="Search for block, transaction or address" focus="true"> <input name="q" type="text" class="form-control" placeholder="Search for block, transaction or address" focus="true">
</form> </form>
</span> </span>
<ul class="navbar-nav flex-row ml-md-auto d-none d-md-flex"> <ul class="navbar-nav flex-row ml-md-auto d-none d-lg-flex ">
<li class="nav-item"> <li class="nav-item">
<a href="https://trezor.io/" class="nav-link">TREZOR</a> <a href="https://trezor.io/" class="nav-link">TREZOR</a>
</li> </li>