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

Channel txs details buttons

Browse Source
This commit is contained in:
softsimon 2022-08-31 01:52:32 +02:00
parent 9131521e7d
commit 48a7f8a3ee
No known key found for this signature in database
GPG Key ID: 488D7DCFB5A430D7
2 changed files with 26 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/app/lightning/channel/channel.component.html
View File

@ -65,14 +65,18 @@
<ng-container *ngIf="transactions$ | async as transactions"> <ng-container *ngIf="transactions$ | async as transactions">
<ng-template [ngIf]="transactions[0]"> <ng-template [ngIf]="transactions[0]">
<div class="d-flex">
<h3>Opening transaction</h3> <h3>Opening transaction</h3>
<app-transactions-list [transactions]="[transactions[0]]" [showConfirmations]="true" [rowLimit]="5"></app-transactions-list> <button type="button" class="btn btn-outline-info details-button btn-sm" (click)="txList1.toggleDetails()" i18n="transaction.details|Transaction Details">Details</button>
</div>
<app-transactions-list #txList1 [transactions]="[transactions[0]]" [showConfirmations]="true" [rowLimit]="5"></app-transactions-list>
</ng-template> </ng-template>
<ng-template [ngIf]="transactions[1]"> <ng-template [ngIf]="transactions[1]">
<div class="closing-header"> <div class="closing-header d-flex">
<h3 style="margin: 0;">Closing transaction</h3>&nbsp;&nbsp;<app-closing-type [type]="channel.closing_reason"></app-closing-type> <h3 style="margin: 0;">Closing transaction</h3>&nbsp;&nbsp;<app-closing-type [type]="channel.closing_reason"></app-closing-type>
<button type="button" class="btn btn-outline-info details-button btn-sm" (click)="txList2.toggleDetails()" i18n="transaction.details|Transaction Details">Details</button>
</div> </div>
<app-transactions-list [transactions]="[transactions[1]]" [showConfirmations]="true" [rowLimit]="5"></app-transactions-list> <app-transactions-list #txList2 [transactions]="[transactions[1]]" [showConfirmations]="true" [rowLimit]="5"></app-transactions-list>
</ng-template> </ng-template>
</ng-container> </ng-container>

19
frontend/src/app/lightning/channel/channel.component.scss
View File

@ -45,19 +45,29 @@ app-fiat {
} }
.closing-header { .closing-header {
display: flex;
flex-direction: row; flex-direction: row;
margin-bottom: 1rem; margin-bottom: 1rem;
align-items: center; align-items: center;
} }
h3 {
margin-bottom: 0rem;
}
@media (max-width: 768px) { @media (max-width: 768px) {
h3 { h3 {
font-size: 1.4rem; font-size: 1.4rem;
white-space: nowrap;
}
.closing-header {
flex-wrap: wrap;
}
app-closing-type {
flex-basis: 100%;
order: 1;
} }
} }
.loading-spinner { .loading-spinner {
position: absolute; position: absolute;
top: 400px; top: 400px;
@ -68,3 +78,8 @@ app-fiat {
top: 450px; top: 450px;
} }
} }
.details-button {
align-self: center;
margin-left: auto;
}