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

View File

@ -29,15 +29,23 @@
</svg>
</div>
</a>
<span class="navbar-text">
{{.CoinName}} Explorer
<span class="navbar-text ml-md-auto">
<a href="/" class="nav-link">{{.CoinName}} Explorer</a>
</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">
<input name="q" type="text" class="form-control" placeholder="Search for block, transaction or address" focus="true">
</form>
</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">
<a href="https://trezor.io/" class="nav-link">TREZOR</a>
</li>