14 lines
1.0 KiB
CSS
14 lines
1.0 KiB
CSS
/* Aurora Admin PasswordInput 样式 — 对齐 组件7.txt PasswordInput：可见切换 + 强度检测 */
|
|
|
|
.aa-pwd { font-family: var(--font-family, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif); width: 260px; }
|
|
.aa-pwd-field { display: flex; align-items: center; border: 1px solid #E8ECF1; border-radius: 6px; padding: 0 10px; height: 36px; }
|
|
.aa-pwd-field.is-focus { border-color: #2F54EB; box-shadow: 0 0 0 3px rgba(47,84,235,0.2); }
|
|
.aa-pwd-input { flex: 1; border: none; outline: none; font-size: 14px; color: #262626; background: none; height: 100%; }
|
|
.aa-pwd-toggle { border: none; background: none; cursor: pointer; color: #8C8C8C; font-size: 13px; padding: 0 4px; }
|
|
.aa-pwd-strength { display: flex; gap: 4px; margin-top: 8px; }
|
|
.aa-pwd-bar { flex: 1; height: 4px; border-radius: 2px; background: #E8ECF1; transition: background .2s; }
|
|
.aa-pwd-bar.on.weak { background: #F5222D; }
|
|
.aa-pwd-bar.on.mid { background: #FA8C16; }
|
|
.aa-pwd-bar.on.strong { background: #52C41A; }
|
|
.aa-pwd-tip { font-size: 12px; margin-top: 4px; color: #8C8C8C; }
|