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

Fix skeleton

Browse Source
This commit is contained in:
nymkappa 2023-03-16 16:35:59 +09:00
parent 0ebe0a5dc9
commit 4a64c0dfa5
No known key found for this signature in database
GPG Key ID: E155910B16E8BD04
1 changed files with 25 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
frontend/src/app/components/pool/pool.component.html
View File

@ -37,7 +37,7 @@
<!-- Addresses desktop --> <!-- Addresses desktop -->
<tr *ngIf="!isMobile()" class="taller-row"> <tr *ngIf="!isMobile()" class="taller-row">
<td class="label addresses" i18n="mining.addresses">Addresses</td> <td class="label addresses" i18n="mining.addresses">Addresses</td>
<td *ngIf="poolStats.pool.addresses.length else nodata" style="padding-top: 15px"> <td *ngIf="poolStats.pool.addresses.length else nodata" style="padding-top: 25px">
<a class="addresses-data" [routerLink]="['/address' | relativeUrl, poolStats.pool.addresses[0]]"> <a class="addresses-data" [routerLink]="['/address' | relativeUrl, poolStats.pool.addresses[0]]">
{{ poolStats.pool.addresses[0] }} {{ poolStats.pool.addresses[0] }}
</a> </a>
@ -378,24 +378,23 @@
<!-- Hashrate desktop --> <!-- Hashrate desktop -->
<tr *ngIf="!isMobile()" class="taller-row"> <tr *ngIf="!isMobile()" class="taller-row">
<td class="label" i18n="mining.hashrate-24h">Hashrate (24h)</td>
<td class="data"> <td class="data">
<table class="table table-xs table-data text-center"> <table class="table table-xs table-data text-center">
<thead> <thead>
<tr> <tr>
<th scope="col" class="block-count-title" style="width: 37%" i18n="mining.estimated">Estimated</th> <th scope="col" class="block-count-title text-center" style="width: 33%" i18n="mining.total-reward">Reward</th>
<th scope="col" class="block-count-title" style="width: 37%" i18n="mining.reported">Reported</th> <th scope="col" class="block-count-title text-center" style="width: 33%" i18n="mining.estimated">Hashrate (24h)</th>
<th scope="col" class="block-count-title" style="width: 26%" i18n="mining.luck">Luck</th> <th scope="col" class="block-count-title text-center" style="width: 33%" i18n="mining.luck">Avg Health</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<td> <td class="text-center">
<div class="skeleton-loader data"></div> <div class="skeleton-loader data"></div>
</td> </td>
<td> <td class="text-center">
<div class="skeleton-loader data"></div> <div class="skeleton-loader data"></div>
</td> </td>
<td> <td class="text-center">
<div class="skeleton-loader data"></div> <div class="skeleton-loader data"></div>
</td> </td>
</tbody> </tbody>
@ -405,23 +404,22 @@
<!-- Hashrate mobile --> <!-- Hashrate mobile -->
<tr *ngIf="isMobile()"> <tr *ngIf="isMobile()">
<td colspan="2"> <td colspan="2">
<span class="label" i18n="mining.hashrate-24h">Hashrate (24h)</span>
<table class="table table-xs table-data text-center"> <table class="table table-xs table-data text-center">
<thead> <thead>
<tr> <tr>
<th scope="col" class="block-count-title" style="width: 33%" i18n="mining.estimated">Estimated</th> <th scope="col" class="block-count-title text-center" style="width: 33%" i18n="mining.total-reward">Reward</th>
<th scope="col" class="block-count-title" style="width: 37%" i18n="mining.reported">Reported</th> <th scope="col" class="block-count-title text-center" style="width: 33%" i18n="mining.estimated">Hashrate (24h)</th>
<th scope="col" class="block-count-title" style="width: 30%" i18n="mining.luck">Luck</th> <th scope="col" class="block-count-title text-center" style="width: 33%" i18n="mining.luck">Avg Health</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<td> <td class="text-center">
<div class="skeleton-loader data"></div> <div class="skeleton-loader data"></div>
</td> </td>
<td> <td class="text-center">
<div class="skeleton-loader data"></div> <div class="skeleton-loader data"></div>
</td> </td>
<td> <td class="text-center">
<div class="skeleton-loader data"></div> <div class="skeleton-loader data"></div>
</td> </td>
</tbody> </tbody>
@ -431,24 +429,23 @@
<!-- Mined blocks desktop --> <!-- Mined blocks desktop -->
<tr *ngIf="!isMobile()" class="taller-row"> <tr *ngIf="!isMobile()" class="taller-row">
<td class="label" i18n="mining.mined-blocks">Mined blocks</td>
<td class="data"> <td class="data">
<table class="table table-xs table-data text-center"> <table class="table table-xs table-data text-center">
<thead> <thead>
<tr> <tr>
<th scope="col" class="block-count-title" style="width: 37%">24h</th> <th scope="col" class="block-count-title text-center" style="width: 33%" i18n="24h">Blocks 24h</th>
<th scope="col" class="block-count-title" style="width: 37%">1w</th> <th scope="col" class="block-count-title text-center" style="width: 33%" i18n="1w">1w</th>
<th scope="col" class="block-count-title" style="width: 26%" i18n="all">All</th> <th scope="col" class="block-count-title text-center" style="width: 33%" i18n="all">All</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<td> <td class="text-center">
<div class="skeleton-loader data"></div> <div class="skeleton-loader data"></div>
</td> </td>
<td> <td class="text-center">
<div class="skeleton-loader data"></div> <div class="skeleton-loader data"></div>
</td> </td>
<td> <td class="text-center">
<div class="skeleton-loader data"></div> <div class="skeleton-loader data"></div>
</td> </td>
</tbody> </tbody>
@ -458,23 +455,22 @@
<!-- Mined blocks mobile --> <!-- Mined blocks mobile -->
<tr *ngIf="isMobile()"> <tr *ngIf="isMobile()">
<td colspan=2> <td colspan=2>
<span class="label" i18n="mining.mined-blocks">Mined blocks</span>
<table class="table table-xs table-data text-center"> <table class="table table-xs table-data text-center">
<thead> <thead>
<tr> <tr>
<th scope="col" class="block-count-title" style="width: 33%">24h</th> <th scope="col" class="block-count-title text-center" style="width: 33%" i18n="24h">Blocks 24h</th>
<th scope="col" class="block-count-title" style="width: 37%">1w</th> <th scope="col" class="block-count-title text-center" style="width: 33%" i18n="1w">1w</th>
<th scope="col" class="block-count-title" style="width: 30%" i18n="all">All</th> <th scope="col" class="block-count-title text-center" style="width: 33%" i18n="all">All</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<td> <td class="text-center">
<div class="skeleton-loader data"></div> <div class="skeleton-loader data"></div>
</td> </td>
<td> <td class="text-center">
<div class="skeleton-loader data"></div> <div class="skeleton-loader data"></div>
</td> </td>
<td> <td class="text-center">
<div class="skeleton-loader data"></div> <div class="skeleton-loader data"></div>
</td> </td>
</tbody> </tbody>