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

Fix date alignment in utxos table

Browse Source
This commit is contained in:
natsoni 2024-02-04 14:57:04 +01:00
parent ae38c3bf81
commit 19a4c10860
No known key found for this signature in database
GPG Key ID: C65917583181743B
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/app/components/liquid-reserves-audit/federation-utxos-list/federation-utxos-list.component.html
View File

@ -9,7 +9,7 @@
<th class="address text-left" *ngIf="!widget" i18n="shared.address">Address</th> <th class="address text-left" *ngIf="!widget" i18n="shared.address">Address</th>
<th class="amount text-right" [ngClass]="{'widget': widget}" i18n="shared.amount">Amount</th> <th class="amount text-right" [ngClass]="{'widget': widget}" i18n="shared.amount">Amount</th>
<th class="pegin text-left" *ngIf="!widget" i18n="liquid.related-peg-in">Related Peg-In</th> <th class="pegin text-left" *ngIf="!widget" i18n="liquid.related-peg-in">Related Peg-In</th>
<th class="timestamp text-right" i18n="shared.date" [ngClass]="{'widget': widget}">Date</th> <th class="timestamp text-left" i18n="shared.date" [ngClass]="{'widget': widget}">Date</th>
</thead> </thead>
<tbody *ngIf="federationUtxos$ | async as utxos; else skeleton" [style]="isLoading ? 'opacity: 0.75' : ''"> <tbody *ngIf="federationUtxos$ | async as utxos; else skeleton" [style]="isLoading ? 'opacity: 0.75' : ''">
<ng-container *ngIf="widget; else regularRows"> <ng-container *ngIf="widget; else regularRows">
@ -22,7 +22,7 @@
<td class="amount text-right widget"> <td class="amount text-right widget">
<app-amount [satoshis]="utxo.amount" [noFiat]="true" [forceBtc]="true"></app-amount> <app-amount [satoshis]="utxo.amount" [noFiat]="true" [forceBtc]="true"></app-amount>
</td> </td>
<td class="timestamp text-right widget"> <td class="timestamp text-left widget">
<app-time kind="since" [time]="utxo.blocktime"></app-time> <app-time kind="since" [time]="utxo.blocktime"></app-time>
</td> </td>
</tr> </tr>
@ -52,7 +52,7 @@
<i><span class="text-muted" i18n="liquid.change-output">Change output</span></i> <i><span class="text-muted" i18n="liquid.change-output">Change output</span></i>
</ng-template> </ng-template>
</td> </td>
<td class="timestamp text-right"> <td class="timestamp text-left">
&lrm;{{ utxo.blocktime * 1000 | date:'yyyy-MM-dd HH:mm' }} &lrm;{{ utxo.blocktime * 1000 | date:'yyyy-MM-dd HH:mm' }}
<div class="symbol lg-inline relative-time"><i>(<app-time kind="since" [time]="utxo.blocktime"></app-time>)</i></div> <div class="symbol lg-inline relative-time"><i>(<app-time kind="since" [time]="utxo.blocktime"></app-time>)</i></div>
</td> </td>
@ -68,7 +68,7 @@
<td class="amount text-right widget"> <td class="amount text-right widget">
<span class="skeleton-loader" style="max-width: 300px"></span> <span class="skeleton-loader" style="max-width: 300px"></span>
</td> </td>
<td class="timestamp text-right widget"> <td class="timestamp text-left widget">
<span class="skeleton-loader" style="max-width: 300px"></span> <span class="skeleton-loader" style="max-width: 300px"></span>
</td> </td>
</tr> </tr>
@ -87,7 +87,7 @@
<td class="pegin text-left"> <td class="pegin text-left">
<span class="skeleton-loader" style="max-width: 300px"></span> <span class="skeleton-loader" style="max-width: 300px"></span>
</td> </td>
<td class="timestamp text-right"> <td class="timestamp text-left">
<span class="skeleton-loader" style="max-width: 140px"></span> <span class="skeleton-loader" style="max-width: 140px"></span>
</td> </td>
</tr> </tr>