ADD: add password leaks check
This commit is contained in:
@@ -117,7 +117,7 @@ input[type="password"]:focus {
|
||||
}
|
||||
}
|
||||
|
||||
#liveMessage {
|
||||
.message {
|
||||
width: min(92vw, 480px);
|
||||
margin: 12px auto 0;
|
||||
padding: 12px 14px;
|
||||
@@ -129,54 +129,55 @@ input[type="password"]:focus {
|
||||
font-size: 14px;
|
||||
transition: all 200ms ease;
|
||||
opacity: 1;
|
||||
min-height: 47px;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
#liveMessage {
|
||||
.message {
|
||||
background: rgba(30, 41, 59, 0.75);
|
||||
border-color: rgba(203, 213, 225, 0.2);
|
||||
}
|
||||
}
|
||||
|
||||
/* Hide when empty */
|
||||
#liveMessage:empty {
|
||||
display: none;
|
||||
.message:empty {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
#liveMessage.ok {
|
||||
.message.ok {
|
||||
border-color: var(--ok);
|
||||
background: color-mix(in oklab, var(--ok) 20%, rgba(241, 245, 249, 0.85));
|
||||
color: #15803d;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
#liveMessage.ok {
|
||||
.message.ok {
|
||||
background: color-mix(in oklab, var(--ok) 18%, rgba(30, 41, 59, 0.75));
|
||||
color: #86efac;
|
||||
}
|
||||
}
|
||||
|
||||
#liveMessage.warn {
|
||||
.message.warn {
|
||||
border-color: var(--warn);
|
||||
background: color-mix(in oklab, var(--warn) 20%, rgba(241, 245, 249, 0.85));
|
||||
color: #c2410c;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
#liveMessage.warn {
|
||||
.message.warn {
|
||||
background: color-mix(in oklab, var(--warn) 18%, rgba(30, 41, 59, 0.75));
|
||||
color: #fdba74;
|
||||
}
|
||||
}
|
||||
|
||||
#liveMessage.bad {
|
||||
.message.bad {
|
||||
border-color: var(--bad);
|
||||
background: color-mix(in oklab, var(--bad) 20%, rgba(241, 245, 249, 0.85));
|
||||
color: #b91c1c;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
#liveMessage.bad {
|
||||
.message.bad {
|
||||
background: color-mix(in oklab, var(--bad) 18%, rgba(30, 41, 59, 0.75));
|
||||
color: #fca5a5;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user