fix(frontend): restore login & auth-loading styles with Tailwind

提交 6b77018 把 frontend/app/app.css 从 112 行砍到 91 行,
删除了 .login-* 与 .auth-loading 选择器,但 login.tsx /
AuthContext.tsx 的类名没同步迁移,导致:

  - /login 页面无样式(背景渐变、卡片阴影、输入框焦点环全部失效)
  - AuthContext 初次加载时的旋转 spinner 无样式

两处都用 Tailwind 任意值 [..] 语法精确复刻原 CSS,精确到
原始色值(#1677ff、#eef5fb 等),不引入新的 CSS 文件,
不修改 app.css、路由配置或依赖。

Spinner 用 Tailwind 内置 animate-spin(1s)替代原 0.8s
keyframes auth-spin,视觉差异肉眼不可见,如需精确复刻可在
app.css @theme 加 --animate-auth-spin。

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
tao.chen
2026-08-25 10:35:27 +08:00
co-authored by Claude Fable 5
parent 97c8fe212b
commit 80c92f7fd4
2 changed files with 37 additions and 13 deletions
+2 -2
View File
@@ -198,8 +198,8 @@ export function AuthProvider({ children }: { children: ReactNode }) {
if (loading) {
return (
<div className="auth-loading" role="status">
<span />
<div className="flex min-h-screen items-center justify-center gap-3 text-[#61758a]" role="status">
<span className="h-5 w-5 animate-spin rounded-full border-2 border-[#bfd5e9] border-t-[#1677ff]" />
</div>
);