adjust latest replacements labels & layout

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

View File

@ -76,16 +76,16 @@
<div class="card"> <div class="card">
<div class="card-body"> <div class="card-body">
<a class="title-link" href="" [routerLink]="['/rbf' | relativeUrl]"> <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> <span>&nbsp;</span>
<fa-icon [icon]="['fas', 'external-link-alt']" [fixedWidth]="true" style="vertical-align: 'text-top'; font-size: 13px; color: '#4a68b9'"></fa-icon> <fa-icon [icon]="['fas', 'external-link-alt']" [fixedWidth]="true" style="vertical-align: 'text-top'; font-size: 13px; color: '#4a68b9'"></fa-icon>
</a> </a>
<table class="table lastest-replacements-table"> <table class="table lastest-replacements-table">
<thead> <thead>
<th class="table-cell-txid" i18n="dashboard.latest-transactions.txid">TXID</th> <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-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> </thead>
<tbody> <tbody>
<tr *ngFor="let replacement of replacements$ | async;"> <tr *ngFor="let replacement of replacements$ | async;">

View File

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