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

Fix skeleton css styles.

Browse Source
This commit is contained in:
Miguel Medeiros 2021-10-12 08:57:00 -03:00
parent 9d9ff6ed91
commit 68240e4f5c
No known key found for this signature in database
GPG Key ID: 819EDEE4673F3EBB
2 changed files with 19 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/app/components/block/block.component.html
View File

@ -175,14 +175,14 @@
<app-transactions-list [transactions]="transactions"></app-transactions-list> <app-transactions-list [transactions]="transactions"></app-transactions-list>
<ng-template [ngIf]="isLoadingTransactions"> <ng-template [ngIf]="isLoadingTransactions">
<div class="text-center mb-4 mt-3"> <div class="text-center mb-4" class="tx-skeleton">
<div class="header-bg box" style="padding: 10px; margin-bottom: 10px;"> <div class="header-bg box">
<span class="skeleton-loader"></span> <span class="skeleton-loader"></span>
</div> </div>
<div class="header-bg box"> <div class="header-bg box">
<div class="row" style="height: 107px;"> <div class="row">
<div class="col-sm"> <div class="col-sm">
<span class="skeleton-loader"></span> <span class="skeleton-loader"></span>
</div> </div>

16
frontend/src/app/components/block/block.component.scss
View File

@ -141,3 +141,19 @@ h1 {
font-size: 36px; font-size: 36px;
color: #393e5c73; color: #393e5c73;
} }
.tx-skeleton {
margin-top: 10px;
margin-bottom: 10px;
.header-bg {
&:first-child {
padding: 10px;
margin-bottom: 10px;
}
&:nth-child(2) {
.row {
height: 107px;
}
}
}
}