feat(auth): 啡跃品牌视觉与居中表单的分屏登录页 #42
Reference in New Issue
Block a user
Delete Branch "codex/auth-layout-polish"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
目标与最终设计
按用户偏好的 shadcnspace login-04 / login-07 方向,把独立账户页改为品牌视觉与简洁表单组成的分屏布局。以用户提供的 07 截图为主要构图参考,保留啡跃自己的配色和现有邮箱功能。
实际改动
GuidanceShell.tsx:账户页改用专用样式;返回首页与主题切换放在右侧,品牌入口移入左侧视觉区。
account.tsx:左侧使用品牌、简短标题、说明和创作卡片构图,右侧保留真实登录、注册、重发验证和账户操作。没有添加未接入的 OAuth 或虚构客户评价。
account.module.css(新增):完整分屏布局、摩卡光晕和卡片视觉、无外框居中表单,以及移动端紧凑布局;使用现有品牌 token,素材由 CSS 绘制。
guidance.module.css:移除已被专用样式替代的账户页布局规则,保留共享表单及知识区样式。
verify-studio-visual.cjs:发布验收补充账户页桌面、注册态和移动端截图,以及无工作区侧栏、品牌唯一、双栏分区及移动端无横向溢出的检查。
账户提示补充验证邮件适用条件:已验证邮箱可直接登录,不暗示重发适用于所有账户。
验证与状态
ca08f44的 CI #686 已全部成功:https://gitea.entroia.com/Zayden-Jung/probably-rendering-one-more-pixel-tonight/actions/runs/686 。后续交互要求与依赖
页面固定占满视口;消息使用悬浮提示,不挤动表单;模式切换使用轻量动画并尊重 reduced-motion。前端已加入忘记密码、重设密码及确认新密码入口。回归覆盖提示前后输入框位置、双向溢出和恢复页面流程;生产截图额外检查输入框与提交按钮确实在视口内。
密码恢复 PR #43 已由用户手动合并至 main(7656f04)。本 PR 是后续的登录页与恢复入口界面交付,仍须完整 CI 通过,并由用户手动合并。
前端工作分支已合入密码恢复依赖,以便在 CI #686 中验证最终组合。已核对最新 main:本 PR 的完整差异仅包含上述前端与浏览器验收相关的 6 个文件,git diff --check 与合并冲突检查通过。类型检查、51 项单元测试、生产构建及冒烟检查已通过,完整应用集成测试(2 项通过、0 失败)及生产认证配置、重启验证均通过。CI #686 两个 job 全部成功。
WIP: fix(auth): 整理独立账户页介绍区排版to WIP: feat(auth): 啡跃品牌视觉与居中表单的分屏登录页