Files
dashboards/packages/dashboard-ui/src/components/PasswordStrengthMeter.module.css
T
Alireza HassaniandCursor aeaad0f645 Improve auth UX and password strength across dashboards.
Remove business self-registration, localize SMS/auth errors, add password strength + confirm on reset/signup, and brand customer role as website user. Also include websites SSL sync UI updates.

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-08-08 23:29:55 +03:30

104 lines
1.4 KiB
CSS

.strength {
display: flex;
flex-direction: column;
gap: 8px;
margin-top: 6px;
}
.strengthHeader {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
}
.strengthTitle {
font-size: 11px;
font-weight: 500;
color: var(--text-muted);
}
.strengthLabel {
font-size: 11px;
font-weight: 600;
}
.tone_empty {
color: var(--text-muted);
}
.tone_weak {
color: #dc2626;
}
.tone_fair {
color: #d97706;
}
.tone_good {
color: #2563eb;
}
.tone_strong {
color: #16a34a;
}
.strengthTrack {
height: 6px;
border-radius: 999px;
background: rgba(148, 163, 184, 0.28);
overflow: hidden;
}
.strengthFill {
height: 100%;
border-radius: inherit;
transition: width 0.22s ease, background-color 0.22s ease;
}
.fill_empty {
background: transparent;
}
.fill_weak {
background: #ef4444;
}
.fill_fair {
background: #f59e0b;
}
.fill_good {
background: #3b82f6;
}
.fill_strong {
background: #22c55e;
}
.rules {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4px 10px;
margin: 0;
padding: 0;
list-style: none;
}
.rule {
display: flex;
align-items: center;
gap: 6px;
font-size: 11px;
color: var(--text-muted);
transition: color 0.15s ease;
}
.ruleMet {
color: #15803d;
}
.ruleDot {
width: 6px;
height: 6px;
border-radius: 50%;
background: rgba(148, 163, 184, 0.55);
flex-shrink: 0;
}
.ruleMet .ruleDot {
background: #22c55e;
}