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

Merge pull request #2941 from mempool/simon/dark-mode-inputs

Browse Source 
Dark mode inputs
This commit is contained in:
wiz 2023-01-11 19:37:53 +09:00 committed by GitHub
commit b2dbb09ddb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 31 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/app/components/search-form/search-form.component.html
View File

@ -5,7 +5,7 @@
<app-search-results #searchResults [hidden]="dropdownHidden" [results]="typeAhead$ | async" (selectedResult)="selectedResult($event)"></app-search-results> <app-search-results #searchResults [hidden]="dropdownHidden" [results]="typeAhead$ | async" (selectedResult)="selectedResult($event)"></app-search-results>
</div> </div>
<div> <div>
<button [disabled]="isSearching" type="submit" class="btn btn-block btn-primary"> <button [disabled]="isSearching" type="submit" class="btn btn-block btn-purple">
<fa-icon *ngIf="!(isTypeaheading$ | async) else searchLoading" [icon]="['fas', 'search']" [fixedWidth]="true" i18n-title="search-form.search-title" title="Search"></fa-icon> <fa-icon *ngIf="!(isTypeaheading$ | async) else searchLoading" [icon]="['fas', 'search']" [fixedWidth]="true" i18n-title="search-form.search-title" title="Search"></fa-icon>
</button> </button>
</div> </div>

3
frontend/src/app/components/search-form/search-form.component.scss
View File

@ -43,9 +43,6 @@ form {
@media (min-width: 1200px) { @media (min-width: 1200px) {
min-width: 300px; min-width: 300px;
} }
input {
border: 0px;
}
.btn { .btn {
width: 100px; width: 100px;
} }

32
frontend/src/styles.scss
View File

@ -115,10 +115,38 @@ body {
} }
.form-control { .form-control {
color: #495057; color: #fff;
background-color: #2d3348;
border: 1px solid rgba(17, 19, 31, 0.2);
} }
.form-control:focus { .form-control:focus {
color: #000; color: #fff;
background-color: #2d3348;
}
.btn-purple {
background-color: #653b9c;
border-color: #653b9c;
}
.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle {
color: #fff;
background-color: #4d2d77;
border-color: #472a6e;
}
.btn-purple:focus, .btn-purple.focus {
color: #fff;
background-color: #533180;
border-color: #4d2d77;
box-shadow: 0 0 0 0.2rem rgb(124 88 171 / 50%);
}
.btn-purple:hover {
color: #fff;
background-color: #533180;
border-color: #4d2d77;
} }
.form-control.form-control-secondary { .form-control.form-control-secondary {