miner tag as texts instead of badges

This commit is contained in:
softsimon 2024-07-08 23:44:22 +09:00
parent bf95938be8
commit 852e2b2fa0
No known key found for this signature in database
GPG Key ID: 488D7DCFB5A430D7
4 changed files with 10 additions and 8 deletions

View File

@ -181,8 +181,7 @@
<tr *ngIf="network !== 'liquid' && network !== 'liquidtestnet'">
<td i18n="block.miner">Miner</td>
<td *ngIf="stateService.env.MINING_DASHBOARD">
<a placement="bottom" [routerLink]="['/mining/pool' | relativeUrl, block.extras.pool.slug]" class="badge"
[class]="block.extras.pool.slug === 'unknown' ? 'badge-secondary' : 'badge-primary'">
<a placement="bottom" [routerLink]="['/mining/pool' | relativeUrl, block.extras.pool.slug]" class="badge" style="color: #FFF;padding:0;">
<img class="pool-logo" [src]="'/resources/mining-pools/' + block.extras.pool.slug + '.svg'" onError="this.src = '/resources/mining-pools/default.svg'" [alt]="'Logo of ' + block.extras.pool.name + ' mining pool'">
{{ block.extras.pool.name }}
</a>

View File

@ -274,8 +274,9 @@ h1 {
}
.pool-logo {
width: 12px;
height: 12px;
width: 15px;
height: 15px;
position: relative;
top: 0px;
top: -1px;
margin-right: 2px;
}

View File

@ -60,7 +60,7 @@
</ng-container>
</div>
<div class="animated" [class]="markHeight === block.height ? 'hide' : 'show'" *ngIf="block.extras?.pool != undefined && showPools">
<a [attr.data-cy]="'bitcoin-block-' + offset + '-index-' + i + '-pool'" class="badge badge-primary" [routerLink]="[('/mining/pool/' + block.extras.pool.slug) | relativeUrl]">
<a [attr.data-cy]="'bitcoin-block-' + offset + '-index-' + i + '-pool'" class="badge" [routerLink]="[('/mining/pool/' + block.extras.pool.slug) | relativeUrl]">
<img class="pool-logo" [src]="'/resources/mining-pools/' + block.extras.pool.slug + '.svg'" onError="this.src = '/resources/mining-pools/default.svg'" [alt]="'Logo of ' + block.extras.pool.name + ' mining pool'">
{{ block.extras.pool.name}}
</a>

View File

@ -157,13 +157,15 @@
position: relative;
top: 15px;
z-index: 101;
color: #FFF;
}
.pool-logo {
width: 12px;
height: 12px;
width: 15px;
height: 15px;
position: relative;
top: -1px;
margin-right: 2px;
}
.animated {