Skip to content

feat(ui): login page polish — logo glow, focus ring, inline validation, remember-me (v1.19 G) - #61

Merged
argszero merged 1 commit into
mainfrom
feat/ui-ue-round4-login-polish
Aug 17, 2026
Merged

argszero merged 1 commit into
mainfrom
feat/ui-ue-round4-login-polish

Conversation

@argszero

Copy link
Copy Markdown
Owner

Summary

UI/UE 4th-round deepening — item G: login page polish (rant 2026-08-17T20:39:30, v1.19) — final item of the wave.

Login card visual refinement:

  • Logo enlarged (52px + gradient glow 0 0 18px rgba(78,205,196,.35))
  • Brand hierarchy: h1 bumped to 22px, subtitle line-height tuned
  • Input focus glow: 0 0 0 3px var(--accent-soft) ring (both themes)

Inline validation:

  • Empty email → 「请输入邮箱 / 账号」; empty password → 「请输入密码」 — reuses the existing setFieldError/field-error component (red border + inline text, focus first error, auto-clear on input); form is novalidate (self-managed)
  • Inputs given ids #login-email / #login-pass

Remember-me:

  • #login-remember checkbox → localStorage atp-remember (saved on submit, restored on load)
  • demo-hint small print showing the demo credentials

Docs: docs/user-stories.md v1.19 — wave closed (A–G, PR #55#61). Verified by DOM-stub smoke test (25 assertions: empty-submit errors, per-field, auto-clear, successful login, remember-me persist+restore, HTML/CSS structure), cargo test, cargo fmt --check.

Rant (verbatim)

Rant: UI/UE 第四轮多角度深化 — 状态保持、信息密度、原生控件美化、帮助可达性(宿主 2026-08-17 第四轮指示:继续从多角度美化 UI、优化 UE)

G. 登录页 polish

  • 登录卡片视觉微调:logo 加大、副文案层次、输入框聚焦光晕;
  • 登录失败模拟:空邮箱/密码提交时行内错误(复用 field-error),非仅 toast;
  • 「记住我」checkbox + 演示模式说明小字(可选)

Related

Tests

  • DOM-stub smoke test — 25/25 assertions pass
  • node --check ui/js/app.js
  • cargo test — 1 passed
  • cargo fmt --check

@argszero
argszero merged commit a5595c2 into main Aug 17, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant