GlcoinCore/mempool
1
0
Fork 0
mirror of https://github.com/mempool/mempool.git synced 2026-08-13 12:33:11 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

Bootstrap 5 fixes_final_v2_FINAL_reallyfinal

Browse source
This commit is contained in:
natsoni 2026-03-31 09:48:11 +09:00
parent c8a69f4fe6
commit 246c46b2a1
No known key found for this signature in database
GPG key ID: 5554443C889C720E
10 changed files with 37 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -645,7 +645,7 @@
<ng-template #prioritizedBy let-i i18n="accelerator.hashrate-percentage-description">Your transaction will be prioritized by up to <strong>{{ i | number : '1.1-1' }}%</strong> of miners.</ng-template>
<ng-template #partnerCodeDisplay let-partnerCode="partnerCode">
<div class="small font-italic">
<span i18n="accelerator.using-partner-code">Using partner code</span>&nbsp;<span class="badge badge-secondary">{{ partnerCode }}</span>
<div class="small fst-italic">
<span i18n="accelerator.using-partner-code">Using partner code</span>&nbsp;<span class="badge bg-secondary">{{ partnerCode }}</span>
</div>
</ng-template>

7
frontend/src/app/components/menu/menu.component.scss
View file

@ -45,13 +45,14 @@
right: 0;
}
.sidenav a, button{
.sidenav a, .sidenav button{
text-decoration: none;
color: lightgray;
margin-left: 20px;
}
.sidenav a:hover {
color: white;
.sidenav a:hover, .sidenav button:hover, .sidenav button:focus-visible {
color: var(--fg);
}
.sidenav nav {
width: 100%;

2
frontend/src/app/components/statistics/statistics.component.html
View file

@ -100,7 +100,7 @@
</button>
</div>
<div class="form-check">
<input style="margin-top: 9px" class="form-check-input" type="checkbox" [checked]="outlierCappingEnabled" id="hide-outliers" (change)="onOutlierToggleChange($event)">
<input style="margin-top: 6px" class="form-check-input" type="checkbox" [checked]="outlierCappingEnabled" id="hide-outliers" (change)="onOutlierToggleChange($event)">
<label class="form-check-label" for="hide-outliers">
<small i18n="statistics.cap-outliers">Cap outliers</small>
</label>

1
frontend/src/app/components/statistics/statistics.component.scss
View file

@ -153,7 +153,6 @@
width: 50%;
flex-grow: 1;
flex-shrink: 1;
margin: 1px 0;
margin-right: 0.5rem;
@media (min-width: 830px) {
width: auto;

2
frontend/src/app/components/transaction/transaction-details/transaction-details.component.html
View file

@ -264,7 +264,7 @@
}
</div>
@if (hasCpfp) {
<button type="button" class="btn btn-outline-info btn-sm btn-small-height float-end" (click)="toggleCpfp()">CPFP</button>
<button type="button" class="btn btn-outline-info cpfp-toggle btn-sm btn-small-height float-end" (click)="toggleCpfp()">CPFP</button>
}
</td>
</tr>

5
frontend/src/app/components/transaction/transaction-details/transaction-details.component.scss
View file

@ -133,6 +133,11 @@
}
}
.cpfp-toggle {
--bs-btn-active-color: var(--bs-btn-hover-color);
--bs-btn-active-bg: var(--bs-btn-hover-bg);
}
.eta {
display: flex;
flex-wrap: wrap;

4
frontend/src/app/lightning/group/group.component.html
View file

@ -57,10 +57,10 @@
<form [formGroup]="socketToggleForm" class="formRadioGroup">
<div class="btn-group btn-group-toggle" name="radioBasic">
<label class="btn btn-primary btn-sm" [class.active]="socketToggleForm.get('socket').value === 0">
<input type="radio" [value]="0" formControlName="socket">IPv4
<input type="radio" class="btn-check" [value]="0" formControlName="socket">IPv4
</label>
<label class="btn btn-primary btn-sm" [class.active]="socketToggleForm.get('socket').value === 1">
<input type="radio" [value]="1" formControlName="socket">IPv6
<input type="radio" class="btn-check" [value]="1" formControlName="socket">IPv6
</label>
</div>
</form>

9
frontend/src/app/lightning/group/group.component.scss
View file

@ -31,6 +31,15 @@ h1 {
#inputGroupFileAddon04 {
position: relative;
border-start-start-radius: var(--bs-border-radius);
border-start-end-radius: var(--bs-border-radius);
border-end-start-radius: var(--bs-border-radius);
border-end-end-radius: var(--bs-border-radius);
}
.input-group > .form-control {
border-start-end-radius: var(--bs-border-radius) !important;
border-end-end-radius: var(--bs-border-radius) !important;
}
.toggle-holder {

9
frontend/src/app/lightning/node/node.component.scss
View file

@ -33,6 +33,15 @@
#inputGroupFileAddon04 {
position: relative;
border-start-start-radius: var(--bs-border-radius);
border-start-end-radius: var(--bs-border-radius);
border-end-start-radius: var(--bs-border-radius);
border-end-end-radius: var(--bs-border-radius);
}
.input-group > .form-control {
border-start-end-radius: var(--bs-border-radius) !important;
border-end-end-radius: var(--bs-border-radius) !important;
}
app-fiat {

4
frontend/src/styles.scss
View file

@ -1578,3 +1578,7 @@ button {
.text-muted {
color: var(--grey) !important;
}
form label:not(.form-check-label):not(.btn) {
margin-bottom: 0.5rem;
}