tweaked password input style
This commit is contained in:
parent
d24bbaa65a
commit
7992ba5bc1
|
@ -5,7 +5,7 @@ module.exports = function(file, state, emit) {
|
|||
const formClass = file.hasPassword
|
||||
? 'passwordInput'
|
||||
: 'passwordInput passwordInput--hidden';
|
||||
const inputClass = setting ? 'input input--copied' : 'input input--noBtn';
|
||||
const inputClass = setting ? 'input' : 'input input--noBtn';
|
||||
const btnClass = setting
|
||||
? 'inputBtn inputBtn--loading'
|
||||
: 'inputBtn inputBtn--hidden';
|
||||
|
|
|
@ -21,16 +21,9 @@
|
|||
background-position: center;
|
||||
background-size: 30px 30px;
|
||||
background-repeat: no-repeat;
|
||||
background-color: var(--successControlBGColor);
|
||||
border: 1px solid var(--successControlBGColor);
|
||||
color: var(--successControlFGColor);
|
||||
flex-basis: 20%;
|
||||
}
|
||||
|
||||
.inputBtn--loading:hover {
|
||||
background-color: var(--successControlBGColor);
|
||||
}
|
||||
|
||||
@media (max-device-width: 520px), (max-width: 520px) {
|
||||
.passwordInput {
|
||||
flex-direction: column;
|
||||
|
|
|
@ -49,11 +49,10 @@
|
|||
}
|
||||
|
||||
.checkbox__input:disabled + .checkbox__label::before {
|
||||
background-image: url('../assets/check-16.svg');
|
||||
background-image: url('../assets/check-16-blue.svg');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 18px 18px;
|
||||
border-color: var(--successControlBGColor);
|
||||
background-color: var(--successControlBGColor);
|
||||
background-size: 26px 26px;
|
||||
border: none;
|
||||
cursor: auto;
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue