Fix TV View graph height. (#527)

* Fix graph alignment.
Only show the graph on desktop resolutions.

* Fix mempool-info-chart chart alignment.
This commit is contained in:
Miguel Medeiros
2021-05-18 16:59:48 -03:00
committed by GitHub
parent da13f98a23
commit 5e89a5640d
3 changed files with 94 additions and 45 deletions

View File

@@ -1,21 +1,23 @@
<div id="tv-wrapper">
<div *ngIf="loading" class="text-center">
<div *ngIf="loading" class="loading">
<div class="spinner-border text-light"></div>
</div>
<div class="chart-holder" *ngIf="mempoolStats.length">
<app-mempool-graph dir="ltr" [data]="mempoolStats"></app-mempool-graph>
</div>
<div class="tv-only" i18n="television.tv-only">TV only</div>
<div class="text-center" class="blockchain-wrapper">
<div class="position-container">
<app-mempool-blocks></app-mempool-blocks>
<app-blockchain-blocks></app-blockchain-blocks>
<div class="tv-container" *ngIf="!loading">
<div id="divider"></div>
<div class="chart-holder" *ngIf="mempoolStats.length">
<app-mempool-graph dir="ltr" [data]="mempoolStats"></app-mempool-graph>
</div>
<div class="blockchain-wrapper">
<div class="position-container">
<app-mempool-blocks></app-mempool-blocks>
<app-blockchain-blocks></app-blockchain-blocks>
<div id="divider"></div>
</div>
</div>
</div>
</div>