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

adjust latest replacements labels & layout

Browse Source
This commit is contained in:
Mononaut 2023-07-14 12:11:14 +09:00
parent 756fac7270
commit 240afbed95
No known key found for this signature in database
GPG Key ID: A3F058E41374C04E
2 changed files with 17 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/app/dashboard/dashboard.component.html
View File

@ -76,16 +76,16 @@
<div class="card">
<div class="card-body">
<a class="title-link" href="" [routerLink]="['/rbf' | relativeUrl]">
<h5 class="card-title d-inline" i18n="dashboard.latest-rbf-replacements">Latest Replacements</h5>
<h5 class="card-title d-inline" i18n="dashboard.latest-rbf-replacements">Latest replacements</h5>
<span>&nbsp;</span>
<fa-icon [icon]="['fas', 'external-link-alt']" [fixedWidth]="true" style="vertical-align: 'text-top'; font-size: 13px; color: '#4a68b9'"></fa-icon>
</a>
<table class="table lastest-replacements-table">
<thead>
<th class="table-cell-txid" i18n="dashboard.latest-transactions.txid">TXID</th>
<th class="table-cell-old-fee" i18n="dashboard.old-transaction-fee">Old fee</th>
<th class="table-cell-old-fee" i18n="dashboard.previous-transaction-fee">Previous fee</th>
<th class="table-cell-new-fee" i18n="dashboard.new-transaction-fee">New fee</th>
<th class="table-cell-badges"></th>
<th class="table-cell-badges" i18n="transaction.status|Transaction Status">Status</th>
</thead>
<tbody>
<tr *ngFor="let replacement of replacements$ | async;">

18
frontend/src/app/dashboard/dashboard.component.scss
View File

@ -189,20 +189,30 @@
width: 25%;
}
.table-cell-txid {
width: 33%;
width: 25%;
text-align: start;
}
.table-cell-old-fee {
width: 33%;
width: 25%;
text-align: end;
@media(max-width: 1080px) {
display: none;
}
}
.table-cell-new-fee {
width: 33%;
width: 20%;
text-align: end;
}
.table-cell-badges {
width: 25%;
width: 23%;
padding-right: 0;
padding-left: 5px;
text-align: end;
.badge {
margin-left: 5px;
}
}
}