fix hide acceleration button overflow

fixes #5276
This commit is contained in:
softsimon 2024-07-05 16:22:28 +09:00
parent 4cd70941f7
commit 8735b62510
No known key found for this signature in database
GPG Key ID: 488D7DCFB5A430D7
2 changed files with 7 additions and 1 deletions

View File

@ -128,7 +128,7 @@
<div class="title float-left mb-1">
<h2><a [href]="[ isMempoolSpaceBuild ? '/accelerator' : 'https://mempool.space/accelerator']" [target]="isMempoolSpaceBuild ? '' : 'blank'"><app-svg-images name="accelerator" [height]="isMobile ? '35px' : '45px'"></app-svg-images></a></h2>
</div>
<button type="button" class="btn btn-outline-info accelerator-toggle btn-sm float-right" (click)="closeAccelerator()" i18n="accelerator.hide">Hide accelerator</button>
<button type="button" class="btn btn-outline-info accelerator-toggle btn-sm float-right" [class.hide-on-mobile]="hasAccelerationDetails" (click)="closeAccelerator()" i18n="accelerator.hide">Hide accelerator</button>
<button *ngIf="hasAccelerationDetails" class="btn btn-sm btn-outline-info details-button float-right ml-2" (click)="showAccelerationDetails = !showAccelerationDetails" i18n="transaction.details|Transaction Details">Details</button>
<div class="clearfix"></div>

View File

@ -167,6 +167,12 @@
}
}
@media (max-width: 767px){
.hide-on-mobile {
display: none;
}
}
.effective-fee-rating {
@media (max-width: 767px){
margin-right: 0px !important;