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

Merge pull request #1718 from mempool/nymkappa/feature/block-list-loading

Browse Source 
Add loading spinner in /blocks page
This commit is contained in:
wiz 2022-05-27 18:45:48 +09:00 committed by GitHub
commit 6718bd7332
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/src/app/components/blocks-list/blocks-list.component.html
View File

@ -2,6 +2,7 @@
<div class="container-xl" style="min-height: 335px" [ngClass]="{'widget': widget, 'full-height': !widget, 'legacy': !indexingAvailable}"> <div class="container-xl" style="min-height: 335px" [ngClass]="{'widget': widget, 'full-height': !widget, 'legacy': !indexingAvailable}">
<h1 *ngIf="!widget" class="float-left" i18n="master-page.blocks">Blocks</h1> <h1 *ngIf="!widget" class="float-left" i18n="master-page.blocks">Blocks</h1>
<div *ngIf="!widget && isLoading" class="spinner-border ml-3" role="status"></div>
<div class="clearfix"></div> <div class="clearfix"></div>

6
frontend/src/app/components/blocks-list/blocks-list.component.scss
View File

@ -1,3 +1,9 @@
.spinner-border {
height: 25px;
width: 25px;
margin-top: 13px;
}
.container-xl { .container-xl {
max-width: 1400px; max-width: 1400px;
padding-bottom: 100px; padding-bottom: 100px;