diff options
| author | Ken D'Ambrosio <ken@jots.org> | 2026-05-09 15:46:26 +0000 |
|---|---|---|
| committer | Ken D'Ambrosio <ken@jots.org> | 2026-05-09 15:46:26 +0000 |
| commit | 97a2456fdcda2f02f4b60a5610b1415ef07743df (patch) | |
| tree | 21b81e795bec4272056ea237cf08be7b66e75b83 /public | |
| parent | 476ee20573490b65cd19b25ed037a1b8b174104d (diff) | |
Add show/hide password toggle to admin login
SVG eye icon sits inside the right edge of the password field.
Tap/click to reveal; tap again to conceal. Helps mobile users
confirm what they're typing without a separate "show password" step.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Diffstat (limited to 'public')
| -rw-r--r-- | public/css/style.css | 5 |
1 files changed, 5 insertions, 0 deletions
diff --git a/public/css/style.css b/public/css/style.css index 037b115..bb152aa 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -293,6 +293,11 @@ main { max-width: 1400px; margin: 0 auto; padding: 24px; } .admin-login h1 { margin-bottom: 20px; font-size: 1.3rem; } .admin-login label { display: block; margin-bottom: 16px; color: var(--text-dim); font-size: .9rem; } .admin-login input { display: block; width: 100%; margin-top: 4px; padding: 8px 12px; background: var(--bg3); border: 1px solid var(--border); border-radius: var(--radius); color: var(--text); font-size: 1rem; } +.pw-wrap { position: relative; } +.pw-wrap input { padding-right: 44px; } +.pw-toggle { position: absolute; right: 2px; top: 50%; transform: translateY(-50%); background: none; border: none; cursor: pointer; color: var(--text-dim); padding: 8px; line-height: 0; } +.pw-toggle:hover { color: var(--text); } +.pw-toggle svg { width: 20px; height: 20px; } .form-error { color: #f55; margin-bottom: 12px; font-size: .9rem; } .admin-album { max-width: 1200px; } |