machankura/mempool
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve faucet mobile layout

Browse Source
This commit is contained in:
Mononaut 2024-05-16 21:10:15 +00:00
parent d9197e28be
commit 987def9baa
No known key found for this signature in database
GPG Key ID: A3F058E41374C04E
2 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -42,7 +42,7 @@
</div> </div>
<input type="number" class="form-control" formControlName="satoshis" id="satoshis"> <input type="number" class="form-control" formControlName="satoshis" id="satoshis">
<div class="button-group"> <div class="button-group">
<button type="button" class="btn btn-secondary ml-2" (click)="setAmount(5000)">5k</button> <button type="button" class="btn btn-secondary" (click)="setAmount(5000)">5k</button>
<button type="button" class="btn btn-secondary ml-2" (click)="setAmount(50000)">50k</button> <button type="button" class="btn btn-secondary ml-2" (click)="setAmount(50000)">50k</button>
<button type="button" class="btn btn-secondary ml-2" (click)="setAmount(500000)">500k</button> <button type="button" class="btn btn-secondary ml-2" (click)="setAmount(500000)">500k</button>
</div> </div>
@ -57,7 +57,7 @@
<span class="input-group-text" i18n="address">Address</span> <span class="input-group-text" i18n="address">Address</span>
</div> </div>
<input type="address" class="form-control" formControlName="address" id="address" placeholder="tb1q..."> <input type="address" class="form-control" formControlName="address" id="address" placeholder="tb1q...">
<button type="submit" class="btn btn-primary submit-button ml-2" [disabled]="!status?.access || !faucetForm.valid || !faucetForm.get('address')?.dirty" i18n="testnet4.request-coins">Request Testnet4 Coins</button> <button type="submit" class="btn btn-primary submit-button" [disabled]="!status?.access || !faucetForm.valid || !faucetForm.get('address')?.dirty" i18n="testnet4.request-coins">Request Testnet4 Coins</button>
</div> </div>
<div class="text-danger text-left" *ngIf="invalidAddress"> <div class="text-danger text-left" *ngIf="invalidAddress">
@if (address?.errors?.['required']) { @if (address?.errors?.['required']) {

8
frontend/src/app/components/faucet/faucet.component.scss
View File

@ -8,9 +8,11 @@
align-items: stretch; align-items: stretch;
justify-content: flex-end; justify-content: flex-end;
row-gap: 0.5rem; row-gap: 0.5rem;
gap: 0.5rem;
.form-control { .form-control {
min-width: 200px; min-width: 160px;
flex-grow: 100;
} }
.button-group { .button-group {
@ -18,6 +20,10 @@
align-items: stretch; align-items: stretch;
} }
.submit-button, .button-group, .button-group .btn {
flex-grow: 1;
}
#satoshis::after { #satoshis::after {
content: 'sats'; content: 'sats';
position: absolute; position: absolute;