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>
<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>
</div>
<div class="header-bg box">
<div class="row" style="height: 107px;">
<div class="row">
<div class="col-sm">
<span class="skeleton-loader"></span>
</div>

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

@ -141,3 +141,19 @@ h1 {
font-size: 36px;
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;
}
}
}
}