machankura/mempool
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Menu design updates.

Browse Source
This commit is contained in:
softsimon 2020-09-22 06:55:45 +07:00
parent ffee91939e
commit b2e0edb919
No known key found for this signature in database
GPG Key ID: 488D7DCFB5A430D7
4 changed files with 17 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/app/app.module.ts
View File

@ -43,7 +43,7 @@ import { NgbTypeaheadModule } from '@ng-bootstrap/ng-bootstrap';
import { FeesBoxComponent } from './components/fees-box/fees-box.component'; import { FeesBoxComponent } from './components/fees-box/fees-box.component';
import { DashboardComponent } from './dashboard/dashboard.component'; import { DashboardComponent } from './dashboard/dashboard.component';
import { FontAwesomeModule, FaIconLibrary } from '@fortawesome/angular-fontawesome'; import { FontAwesomeModule, FaIconLibrary } from '@fortawesome/angular-fontawesome';
import { faChartArea, faCube, faDatabase, faInfo, faInfoCircle, faList, faQuestion, faQuestionCircle, faTachometerAlt, faThList, faTv } from '@fortawesome/free-solid-svg-icons'; import { faChartArea, faCube, faDatabase, faInfo, faInfoCircle, faList, faQuestion, faQuestionCircle, faSearch, faTachometerAlt, faThList, faTv } from '@fortawesome/free-solid-svg-icons';
@NgModule({ @NgModule({
declarations: [ declarations: [
@ -106,5 +106,6 @@ export class AppModule {
library.addIcons(faList); library.addIcons(faList);
library.addIcons(faTachometerAlt); library.addIcons(faTachometerAlt);
library.addIcons(faDatabase); library.addIcons(faDatabase);
library.addIcons(faSearch);
} }
} }

3
frontend/src/app/components/master-page/master-page.component.html
View File

@ -9,8 +9,7 @@
</ng-container> </ng-container>
</a> </a>
<div ngbDropdown display="dynamic" class="dropdown-container" *ngIf="env.TESTNET_ENABLED || env.LIQUID_ENABLED || env.BISQ_ENABLED">
<div ngbDropdown display="dynamic" style="margin-right: 16px;" *ngIf="env.TESTNET_ENABLED || env.LIQUID_ENABLED || env.BISQ_ENABLED">
<button ngbDropdownToggle type="button" class="btn btn-secondary dropdown-toggle-split" aria-haspopup="true"> <button ngbDropdownToggle type="button" class="btn btn-secondary dropdown-toggle-split" aria-haspopup="true">
<img src="./resources/{{ network.val === '' ? 'bitcoin' : network.val }}-logo.png" style="width: 25px; height: 25px;" class="mr-1"> <img src="./resources/{{ network.val === '' ? 'bitcoin' : network.val }}-logo.png" style="width: 25px; height: 25px;" class="mr-1">
</button> </button>

21
frontend/src/app/components/master-page/master-page.component.scss
View File

@ -2,10 +2,6 @@ li.nav-item.active {
background-color: #653b9c; background-color: #653b9c;
} }
li.nav-item {
padding: 10px;
}
fa-icon { fa-icon {
font-size: 1.5em; font-size: 1.5em;
} }
@ -14,17 +10,24 @@ fa-icon {
z-index: 100; z-index: 100;
} }
li.nav-item {
padding-left: 10px;
padding-right: 10px;
}
@media (min-width: 768px) { @media (min-width: 768px) {
.navbar { .navbar {
padding: 0rem 1rem; padding: 0rem 2rem;
} }
fa-icon { fa-icon {
font-size: 1.2em; font-size: 1.2em;
} }
} .dropdown-container {
margin-right: 16px;
.logo { }
margin-left: 30px; li.nav-item {
padding: 10px;
}
} }
li.nav-item a { li.nav-item a {

4
frontend/src/app/components/search-form/search-form.component.html
View File

@ -1,10 +1,10 @@
<form [formGroup]="searchForm" (submit)="searchForm.valid && search()" novalidate> <form [formGroup]="searchForm" (submit)="searchForm.valid && search()" novalidate>
<div class="d-flex"> <div class="d-flex">
<div class="search-box-container mr-2"> <div class="search-box-container mr-2">
<input #instance="ngbTypeahead" [ngbTypeahead]="typeaheadSearch" (selectItem)="itemSelected()" (focus)="focus$.next($any($event).target.value)" (click)="click$.next($any($event).target.value)" formControlName="searchText" type="text" class="form-control" placeholder="Transaction, block height, hash or address"> <input #instance="ngbTypeahead" [ngbTypeahead]="typeaheadSearch" (selectItem)="itemSelected()" (focus)="focus$.next($any($event).target.value)" (click)="click$.next($any($event).target.value)" formControlName="searchText" type="text" class="form-control" placeholder="Tx id, block height, hash or address">
</div> </div>
<div> <div>
<button type="submit" class="btn btn-block btn-primary">Search</button> <button type="submit" class="btn btn-block btn-primary"><fa-icon [icon]="['fas', 'search']" [fixedWidth]="true" title="Search"></fa-icon></button>
</div> </div>
</div> </div>
</form> </form>