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

fix next block merkle row layout

Browse Source
This commit is contained in:
Mononaut 2025-01-24 01:56:15 +00:00
parent a79c165b30
commit 24d0ed4ced
No known key found for this signature in database
GPG Key ID: A3F058E41374C04E
2 changed files with 20 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -267,11 +267,13 @@
<tbody> <tbody>
<tr> <tr>
@for (branch of job.merkleBranches; track $index) { @for (branch of job.merkleBranches; track $index) {
@if ($index === 0 && branch) { <td class="merkle" [style.background-color]="branch ? '#' + branch.slice(0, 6) : ''">
<a [routerLink]="['/tx' | relativeUrl, reverseHash(branch)]"><td class="merkle" [style.background-color]="branch ? '#' + branch.slice(0, 6) : ''"><fa-icon [icon]="['fas', 'external-link-alt']" [fixedWidth]="true" style="vertical-align: text-top; font-size: 14px; color: white"></fa-icon></td></a> @if ($index === 0 && branch) {
} @else { <a [routerLink]="['/tx' | relativeUrl, reverseHash(branch)]" class="cell-link">
<td class="merkle" [style.background-color]="branch ? '#' + branch.slice(0, 6) : ''"></td> <fa-icon [icon]="['fas', 'external-link-alt']" [fixedWidth]="true" style="vertical-align: text-top; font-size: 14px; color: white"></fa-icon>
} </a>
}
</td>
} }
@for (_ of [].constructor(Math.max(0, 12 - job.merkleBranches.length)); track $index) { @for (_ of [].constructor(Math.max(0, 12 - job.merkleBranches.length)); track $index) {
<td class="merkle empty-branch"></td> <td class="merkle empty-branch"></td>

13
frontend/src/app/components/pool/pool.component.scss
View File

@ -241,6 +241,19 @@ div.scrollable {
td { td {
position: relative; position: relative;
height: 2em; height: 2em;
.cell-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: inherit;
text-decoration: none;
display: flex;
justify-content: center;
align-items: center;
}
} }
} }