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

Move graph mining chart link into dropdown

Browse Source
This commit is contained in:
nymkappa 2022-04-08 16:36:58 +09:00
parent 4388ae7e2f
commit 8423f8600d
2 changed files with 17 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
frontend/src/app/components/graphs/graphs.component.html
View File

@ -1,25 +1,23 @@
<ul ngbNav #nav="ngbNav" class="nav-pills mb-3" style="padding: 0px 35px" *ngIf="stateService.env.MINING_DASHBOARD"> <div class="mb-3 d-flex menu" style="padding: 0px 35px;">
<div class="d-inline-flex flex-wrap menu"> <a routerLinkActive="active" class="btn btn-primary w-50 mr-1"
<li ngbNavItem class="menu-li"> [routerLink]="['/graphs/mempool' | relativeUrl]">Mempool</a>
<a routerLinkActive="active" [routerLink]="['/graphs/mempool' | relativeUrl]" ngbNavLink>Mempool</a> <div ngbDropdown *ngIf="stateService.env.MINING_DASHBOARD" class="w-50">
</li> <button class="btn btn-primary w-100" id="dropdownBasic1" ngbDropdownToggle i18n="mining">Mining</button>
<li ngbNavItem class="menu-li"> <div ngbDropdownMenu aria-labelledby="dropdownBasic1">
<a routerLinkActive="active" [routerLink]="['/graphs/mining/pools' | relativeUrl]" ngbNavLink i18n="mining.pools"> <a class="dropdown-item" routerLinkActive="active" [routerLink]="['/graphs/mining/pools' | relativeUrl]"
i18n="mining.pools">
Pools ranking Pools ranking
</a> </a>
</li> <a class="dropdown-item" routerLinkActive="active" [routerLink]="['/graphs/mining/pools-dominance' | relativeUrl]"
<li ngbNavItem class="menu-li"> i18n="mining.pools-dominance">
<a routerLinkActive="active" [routerLink]="['/graphs/mining/pools-dominance' | relativeUrl]" ngbNavLink i18n="mining.pools-dominance">
Pools dominance Pools dominance
</a> </a>
</li> <a class="dropdown-item" routerLinkActive="active"
<li ngbNavItem class="menu-li"> [routerLink]="['/graphs/mining/hashrate-difficulty' | relativeUrl]" i18n="mining.hashrate-difficulty">
<a routerLinkActive="active" [routerLink]="['/graphs/mining/hashrate-difficulty' | relativeUrl]" ngbNavLink
i18n="mining.hashrate-difficulty">
Hashrate & Difficulty Hashrate & Difficulty
</a> </a>
</li> </div>
</div> </div>
</ul> </div>
<router-outlet></router-outlet> <router-outlet></router-outlet>

9
frontend/src/app/components/graphs/graphs.component.scss
View File

@ -1,9 +1,6 @@
.menu { .menu {
flex-grow: 1; flex-grow: 1;
max-width: 600px; @media (min-width: 576px) {
} max-width: 400px;
}
.menu-li {
flex-grow: 1;
text-align: center;
} }