highperfocused/mempool
1
0
Fork 0
mirror of https://github.com/mempool/mempool.git synced 2025-04-09 20:39:18 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fix rbf alert css. (#525)

Browse Source
This commit is contained in:
Miguel Medeiros 2021-05-18 11:56:42 -03:00 committed by GitHub
parent 5cd2cfa097
commit 71fa2d67cb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 17 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/app/components/transaction/transaction.component.html
View File

@ -2,13 +2,14 @@
<div class="title-block">
<div *ngIf="rbfTransaction" class="alert alert-mempool" role="alert">
<span i18n="transaction.rbf.replacement|RBF replacement">This transaction has been replaced by:</span>&nbsp;
<span i18n="transaction.rbf.replacement|RBF replacement">This transaction has been replaced by:</span>
<a class="alert-link" [routerLink]="['/tx/' | relativeUrl, rbfTransaction.txid]" [state]="{ data: rbfTransaction }">
<span class="d-inline d-lg-none">{{ rbfTransaction.txid | shortenString : 24 }}</span>
<span class="d-none d-lg-inline">{{ rbfTransaction.txid }}</span>
</a>
</div>
<div class="flex">
<h1 i18n="shared.transaction">Transaction</h1>
<div class="tx-link">
@ -31,6 +32,7 @@
<button type="button" class="btn btn-sm btn-danger" i18n="transaction.unconfirmed|Transaction unconfirmed state">Unconfirmed</button>
</ng-template>
</div>
</div>
<div class="clearfix"></div>
</div>

3
frontend/src/app/components/transaction/transaction.component.scss
View File

@ -8,6 +8,9 @@
border-top: 3px solid #FFF;
width: 100%;
padding-bottom: 30px;
display: flex;
flex-direction: column;
justify-content: space-between;
@media (min-width: 768px) {
padding-bottom: 0px;
}

11
frontend/src/styles.scss
View File

@ -500,6 +500,17 @@ h1, h2, h3 {
color: #ffffff;
background-color: #653b9c;
border-color: #3a1c61;
width: 100%;
display: inline-flex;
flex-direction: column;
justify-content: space-between;
@media (min-width: 676px){
flex-direction: row;
}
}
.flex{
display: flex;
}
th {