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:
co-authored by
Claude Fable 5
parent
97c8fe212b
commit
80c92f7fd4
@@ -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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user