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

Add accelerations category to graphs page

Browse Source
This commit is contained in:
natsoni 2024-05-03 11:53:33 +02:00
parent dbd4d152ce
commit 1b25a71d9f
No known key found for this signature in database
GPG Key ID: C65917583181743B
2 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,4 +1,4 @@
<div *ngIf="stateService.env.MINING_DASHBOARD || stateService.env.LIGHTNING" class="mb-3 d-flex menu"> <div *ngIf="stateService.env.MINING_DASHBOARD || stateService.env.LIGHTNING || stateService.env.ACCELERATOR" class="mb-3 d-flex menu">
<a routerLinkActive="active" class="btn btn-primary" [class]="padding" <a routerLinkActive="active" class="btn btn-primary" [class]="padding"
[routerLink]="['/graphs/mempool' | relativeUrl]">Mempool</a> [routerLink]="['/graphs/mempool' | relativeUrl]">Mempool</a>
@ -43,6 +43,15 @@
i18n="lightning.nodes-channels-world-map">Lightning Nodes Channels World Map</a> i18n="lightning.nodes-channels-world-map">Lightning Nodes Channels World Map</a>
</div> </div>
</div> </div>
<div ngbDropdown [class]="padding" *ngIf="stateService.env.ACCELERATOR">
<button class="btn btn-primary w-100" id="dropdownBasic1" ngbDropdownToggle i18n="accelerator.accelerations">Accelerations</button>
<div ngbDropdownMenu aria-labelledby="dropdownBasic1">
<a class="dropdown-item" routerLinkActive="active" [routerLink]="['/graphs/acceleration/fees' | relativeUrl]"
i18n="accelerator.acceleration-fees">Acceleration Fees</a>
</div>
</div>
</div> </div>
<router-outlet></router-outlet> <router-outlet></router-outlet>

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

@ -1,8 +1,8 @@
.menu { .menu {
flex-grow: 1; flex-wrap: wrap;
padding: 0 35px; padding: 0 35px;
@media (min-width: 576px) { @media (min-width: 576px) {
max-width: 400px; max-width: 600px;
} }
& > * { & > * {
@ -11,5 +11,6 @@
&.last-child { &.last-child {
margin-inline-end: 0; margin-inline-end: 0;
} }
margin-bottom: 5px;
} }
} }