root/Jyotisha
1
0
Fork 0
Code Issues 1 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix(loading): home loading screen title uses the body face (BUG-1129)

Browse Source 
The screen paints before the bundle runs; the serif title pulled 3-4 font
slices onto the critical path next to the first-screen JS.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01N4f2nya58RoRu4yEmJgRGE
This commit is contained in:
Jesse_Chen
2026-10-01 00:06:51 +08:00
co-authored by Claude Opus 5.5
parent 6a74a23093
commit 80ea7b0bc1
3 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/app/globals.css
+2 -1
View File
@@ -774,7 +774,8 @@ section[popover]:has(> [data-sonner-toaster]), section[popover][aria-label^="页
}
.app-loading { width: 100%; height: 100vh; display: grid; place-items: center; padding: 24px; background: var(--color-canvas); }
.app-loading-content strong { margin-top: 10px; color: var(--color-ink); font-family: var(--font-display); font-size: var(--type-title-lg); font-weight: 500; letter-spacing: -.3px; }
/* Sans on purpose (BUG-1129): this screen paints before the bundle runs; a serif title would fetch 3-4 font slices that compete with the critical JS. */
.app-loading-content strong { margin-top: 10px; color: var(--color-ink); font-family: var(--font-body); font-size: var(--type-title-lg); font-weight: 500; letter-spacing: -.3px; }
.app-loading-content > span { max-width: 360px; line-height: 1.55; font-size: var(--type-body-sm); }
.app-loading-orbit { position: absolute; inset: 0; border: 1px solid var(--color-border); border-radius: 50%; animation: app-loading-orbit 1.4s linear infinite; border-color: var(--color-canvas-strong); }
.app-loading-error { background: var(--color-canvas-soft); }