diff --git a/frontend/src/app/components/transaction/transaction.component.html b/frontend/src/app/components/transaction/transaction.component.html
index 715fca4c8..31fa9a6ac 100644
--- a/frontend/src/app/components/transaction/transaction.component.html
+++ b/frontend/src/app/components/transaction/transaction.component.html
@@ -551,23 +551,23 @@
ETA |
- @if (eta.blocks >= 7) {
-
- Not any time soon
- @if (!tx?.acceleration && acceleratorAvailable && accelerateCtaType === 'button' && !showAccelerationSummary && eligibleForAcceleration) {
- Accelerate
- }
-
- } @else if (network === 'liquid' || network === 'liquidtestnet') {
+ @if (network === 'liquid' || network === 'liquidtestnet') {
} @else {
-
-
- @if (!tx?.acceleration && acceleratorAvailable && accelerateCtaType === 'button' && !showAccelerationSummary && eligibleForAcceleration) {
- Accelerate
+
+ @if (eta.blocks >= 7) {
+ Not any time soon
+ } @else {
+
+ }
+ @if (!tx?.acceleration && acceleratorAvailable && accelerateCtaType === 'button' && !showAccelerationSummary) {
+
}
-
-
}
diff --git a/frontend/src/app/components/transaction/transaction.component.scss b/frontend/src/app/components/transaction/transaction.component.scss
index 232a2cacb..1706dfcab 100644
--- a/frontend/src/app/components/transaction/transaction.component.scss
+++ b/frontend/src/app/components/transaction/transaction.component.scss
@@ -287,37 +287,21 @@
}
.accelerate {
- display: flex !important;
- align-self: auto;
- margin-left: auto;
- background-color: var(--tertiary);
- @media (max-width: 849px) {
- margin-left: 5px;
- }
+ @media (min-width: 850px) {
+ margin-left: auto;
+ }
}
.etaDeepMempool {
- justify-content: flex-end;
flex-wrap: wrap;
- align-content: center;
- @media (max-width: 995px) {
- justify-content: left !important;
- }
@media (max-width: 849px) {
justify-content: right !important;
}
}
.accelerateDeepMempool {
- align-self: auto;
- margin-left: auto;
background-color: var(--tertiary);
- @media (max-width: 995px) {
- margin-left: 0px;
- }
- @media (max-width: 849px) {
- margin-left: 5px;
- }
+ margin-left: 5px;
}
.goggles-icon {
@@ -335,4 +319,9 @@
.oobFees {
color: #905cf4;
+}
+
+.disabled {
+ opacity: 0.5;
+ pointer-events: none;
}
\ No newline at end of file
|