mirrors/mempool
1
0
Fork 0
mirror of https://github.com/mempool/mempool.git synced 2025-02-25 15:10:12 +01:00
Code Issues Projects Releases Wiki Activity

Merge pull request #5291 from mempool/simon/acc-error-message-positioning

Browse source
This commit is contained in:
wiz 2024-07-08 17:49:00 +09:00 • committed by GitHub
commit cc30536857
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 9 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/app/components/accelerate-checkout/accelerate-checkout.component.html
View file

@ -564,7 +564,7 @@
<span i18n="transaction.accelerate|Accelerate button label">Accelerate</span> <span i18n="transaction.accelerate|Accelerate button label">Accelerate</span>
</button> </button>
@if (quoteError || cantPayReason) { @if (quoteError || cantPayReason) {
<span class="btn-error"><app-mempool-error [error]="quoteError || cantPayReason" [textOnly]="true" alertClass=""></app-mempool-error></span> <div class="btn-error-wrapper"><span class="btn-error"><app-mempool-error [error]="quoteError || cantPayReason" [textOnly]="true" alertClass=""></app-mempool-error></span></div>
} }
</div> </div>
} }

8
frontend/src/app/components/accelerate-checkout/accelerate-checkout.component.scss
View file

@ -195,5 +195,11 @@
right: 0; right: 0;
font-size: 12px; font-size: 12px;
color: var(--red); color: var(--red);
white-space: nowrap; text-align: center;
width: 200px;
white-space: normal;
}
.btn-error-wrapper {
height: 26px;
} }

2
frontend/src/app/shared/components/mempool-error/mempool-error.component.html
View file

@ -6,4 +6,4 @@
</span> </span>
} }
<ng-template #lowBalance i18n="accelerator.low-balance">Your balance is too low. Please <a style="color:#105fb0" href="/services/accelerator/overview">top up your account</a>.</ng-template> <ng-template #lowBalance i18n="accelerator.low-balance">Your balance is too low.<br/>Please <a style="color:#105fb0" href="/services/accelerator/overview">top up your account</a>.</ng-template>