mirror of
https://github.com/Such-Software/such.software.git
synced 2026-10-17 05:32:05 +02:00
Splash: remove non-composited glow rings (fix mobile NO_LCP); cross-fade to content; nudge tracer target
- Drop the two animated glow rings: stroke-dashoffset is non-composited, so they repainted every frame next to the logo and prevented Lighthouse from settling on an LCP (mobile NO_LCP). The static box + pulsing glow remain. - Splash now cross-fades into the content: on enter it becomes a fixed overlay and fades opacity to 0 over the revealed page, instead of a hard cut. - Nebula tracer target moved up-and-left (computerX-1, computerY-1.5) so the streamers converge on the monitor screen, not below-right of it. - Removed the now-unused splash-* keyframes.
This commit is contained in:
@@ -92,8 +92,10 @@ export const NebulaField = ({ className, density = 8, themeMode = 'dark', positi
|
||||
// Position calculations
|
||||
const computerX = position?.x ?? 18;
|
||||
const computerY = position?.y ?? 18;
|
||||
const targetX = computerX + 2.5;
|
||||
const targetY = computerY + 2.5;
|
||||
// Aim the streamers at the monitor's screen: slightly up-and-left of the icon's
|
||||
// geometric center. Tweak these two offsets to move the convergence point.
|
||||
const targetX = computerX - 1;
|
||||
const targetY = computerY - 1.5;
|
||||
|
||||
// Check for reduced motion preference
|
||||
useEffect(() => {
|
||||
|
||||
Reference in New Issue
Block a user