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

Address redesign liquid & layout fixes

Browse Source
This commit is contained in:
Mononaut 2024-06-14 15:51:00 +00:00
parent 7dfdb5553e
commit fb621f9812
No known key found for this signature in database
GPG Key ID: A3F058E41374C04E
2 changed files with 18 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
frontend/src/app/components/address/address.component.html
View File

@ -28,23 +28,31 @@
<ng-container *ngTemplateOutlet="pendingBalanceRow"></ng-container> <ng-container *ngTemplateOutlet="pendingBalanceRow"></ng-container>
<ng-container *ngTemplateOutlet="utxoRow"></ng-container> <ng-container *ngTemplateOutlet="utxoRow"></ng-container>
<ng-container *ngTemplateOutlet="pendingUtxoRow"></ng-container> <ng-container *ngTemplateOutlet="pendingUtxoRow"></ng-container>
<ng-container *ngTemplateOutlet="volumeRow"></ng-container> @if (network === 'liquid' || network === 'liquidtestnet') {
<ng-container *ngTemplateOutlet="liquidRow"></ng-container>
} @else {
<ng-container *ngTemplateOutlet="volumeRow"></ng-container>
}
<ng-container *ngTemplateOutlet="typeRow"></ng-container> <ng-container *ngTemplateOutlet="typeRow"></ng-container>
</tbody> </tbody>
</table> </table>
</div> </div>
} @else { } @else {
<div class="col-sm"> <div class="col-sm">
<table class="table table-borderless table-striped"> <table class="table table-borderless table-striped table-fixed">
<tbody> <tbody>
<ng-container *ngTemplateOutlet="balanceRow"></ng-container> <ng-container *ngTemplateOutlet="balanceRow"></ng-container>
<ng-container *ngTemplateOutlet="utxoRow"></ng-container> <ng-container *ngTemplateOutlet="utxoRow"></ng-container>
<ng-container *ngTemplateOutlet="volumeRow"></ng-container> @if (network === 'liquid' || network === 'liquidtestnet') {
<ng-container *ngTemplateOutlet="liquidRow"></ng-container>
} @else {
<ng-container *ngTemplateOutlet="volumeRow"></ng-container>
}
</tbody> </tbody>
</table> </table>
</div> </div>
<div class="col-sm"> <div class="col-sm">
<table class="table table-borderless table-striped"> <table class="table table-borderless table-striped table-fixed">
<tbody> <tbody>
<ng-container *ngTemplateOutlet="pendingBalanceRow"></ng-container> <ng-container *ngTemplateOutlet="pendingBalanceRow"></ng-container>
<ng-container *ngTemplateOutlet="pendingUtxoRow"></ng-container> <ng-container *ngTemplateOutlet="pendingUtxoRow"></ng-container>
@ -227,7 +235,7 @@
<ng-template #typeRow> <ng-template #typeRow>
<tr> <tr>
<td i18n="address.type">Type</td> <td i18n="address.type">Type</td>
<td><app-address-type [address]="addressTypeInfo"></app-address-type><app-address-labels [channel]="exampleChannel" [address]="addressTypeInfo" class="ml-1"></app-address-labels></td> <td class="wrap-cell"><app-address-type [address]="addressTypeInfo"></app-address-type><app-address-labels [channel]="exampleChannel" [address]="addressTypeInfo" class="ml-1"></app-address-labels></td>
</tr> </tr>
</ng-template> </ng-template>
@ -235,7 +243,7 @@
<tr *ngIf="addressInfo && addressInfo.unconfidential"> <tr *ngIf="addressInfo && addressInfo.unconfidential">
<td i18n="address.unconfidential">Unconfidential</td> <td i18n="address.unconfidential">Unconfidential</td>
<td> <td>
<app-truncate [text]="addressInfo.unconfidential" [lastChars]="8" [link]="['/address/' | relativeUrl, addressInfo.unconfidential]"> <app-truncate [text]="addressInfo.unconfidential" [lastChars]="8" [textAlign]="isMobile ? 'end' : 'start'" [link]="['/address/' | relativeUrl, addressInfo.unconfidential]">
<app-clipboard [text]="addressInfo.unconfidential"></app-clipboard> <app-clipboard [text]="addressInfo.unconfidential"></app-clipboard>
</app-truncate> </app-truncate>
</td> </td>

4
frontend/src/app/components/address/address.component.scss
View File

@ -27,6 +27,10 @@
text-align: left; text-align: left;
} }
} }
&.wrap-cell {
white-space: normal;
}
} }
} }