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

Liquid dashboard updates. About page link.

Browse Source
This commit is contained in:
softsimon
2021-07-29 12:32:54 +03:00
parent 2e5e51d055
commit 6140f9f3a7
6 changed files with 20 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -32,6 +32,9 @@
<li class="nav-item mr-2" routerLinkActive="active">
<a class="nav-link" [routerLink]="['/api' | relativeUrl]" (click)="collapse()"><fa-icon [icon]="['fas', 'cogs']" [fixedWidth]="true" i18n-title="master-page.api" title="API"></fa-icon></a>
</li>
<li class="nav-item" routerLinkActive="active">
<a class="nav-link" href="https://mempool.space/about" (click)="collapse()"><fa-icon [icon]="['fas', 'info-circle']" [fixedWidth]="true" i18n-title="master-page.about" title="About"></fa-icon></a>
</li>
</ul>
</div>
</nav>

2
frontend/src/app/components/blockchain/blockchain.component.html
View File

@@ -1,5 +1,5 @@
<div class="text-center" class="blockchain-wrapper">
<div class="position-container">
<div class="position-container {{ network }}">
<span>
<app-mempool-blocks [isLoading$]="isLoading$"></app-mempool-blocks>
<app-blockchain-blocks [isLoading$]="isLoading$"></app-blockchain-blocks>

7
frontend/src/app/components/blockchain/blockchain.component.scss
View File

@@ -26,10 +26,17 @@
top: 75px;
}
.position-container.liquid {
left: 15%;
}
@media (max-width: 767.98px) {
.position-container {
left: 95%;
}
.position-container.liquid {
left: 50%;
}
.position-container.loading {
left: 50%;
}

6
frontend/src/app/components/blockchain/blockchain.component.ts
View File

@@ -1,6 +1,6 @@
import { Component, OnInit, OnDestroy, ChangeDetectionStrategy } from '@angular/core';
import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core';
import { StateService } from 'src/app/services/state.service';
import { Subscription, Observable } from 'rxjs';
import { Observable } from 'rxjs';
@Component({
selector: 'app-blockchain',
@@ -10,6 +10,7 @@ import { Subscription, Observable } from 'rxjs';
})
export class BlockchainComponent implements OnInit {
isLoading$: Observable<boolean>;
network: string;
constructor(
private stateService: StateService,
@@ -17,5 +18,6 @@ export class BlockchainComponent implements OnInit {
ngOnInit() {
this.isLoading$ = this.stateService.isLoadingWebSocket$;
this.network = this.stateService.network;
}
}

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

@@ -45,7 +45,7 @@
<a class="nav-link" [routerLink]="['/api' | relativeUrl]" (click)="collapse()"><fa-icon [icon]="['fas', 'cogs']" [fixedWidth]="true" i18n-title="master-page.api" title="API"></fa-icon></a>
</li>
<li class="nav-item" routerLinkActive="active">
<a class="nav-link" [routerLink]="['/about']" (click)="collapse()"><fa-icon [icon]="['fas', 'info-circle']" [fixedWidth]="true" i18n-title="master-page.about" title="About"></fa-icon></a>
<a class="nav-link" href="https://mempool.space/about" (click)="collapse()"><fa-icon [icon]="['fas', 'info-circle']" [fixedWidth]="true" i18n-title="master-page.about" title="About"></fa-icon></a>
</li>
</ul>
<app-search-form class="search-form-container" location="top" (searchTriggered)="collapse()"></app-search-form>