diff --git a/package-lock.json b/package-lock.json index 500b102c..9760c7cf 100644 --- a/package-lock.json +++ b/package-lock.json @@ -4575,7 +4575,6 @@ "version": "2.3.2", "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz", "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==", - "dev": true, "hasInstallScript": true, "license": "MIT", "optional": true, @@ -8941,4 +8940,4 @@ } } } -} +} \ No newline at end of file diff --git a/src/app/auth/signin/page.tsx b/src/app/auth/signin/page.tsx index e54b67be..c1cbcff5 100644 --- a/src/app/auth/signin/page.tsx +++ b/src/app/auth/signin/page.tsx @@ -12,8 +12,7 @@ function MouseSpotlight() { useEffect(() => { const fn = (e: MouseEvent) => { if (ref.current) { - ref.current.style.left = e.clientX + "px"; - ref.current.style.top = e.clientY + "px"; + ref.current.style.transform = `translate3d(calc(${e.clientX}px - 50%), calc(${e.clientY}px - 50%), 0)`; } }; window.addEventListener("mousemove", fn, { passive: true }); @@ -25,11 +24,12 @@ function MouseSpotlight() { aria-hidden style={{ position: "fixed", pointerEvents: "none", zIndex: 0, + left: 0, top: 0, width: 600, height: 600, background: "radial-gradient(circle, rgba(129,140,248,0.06) 0%, transparent 70%)", - transform: "translate(-50%,-50%)", - transition: "left 0.15s ease-out, top 0.15s ease-out", + transform: "translate3d(-50%, -50%, 0)", + willChange: "transform", }} /> ); @@ -67,7 +67,7 @@ export default function SignInPage() {
-
-
-
+ diff --git a/src/components/landing/LandingPage.tsx b/src/components/landing/LandingPage.tsx index dc8c84bb..b0987fd9 100644 --- a/src/components/landing/LandingPage.tsx +++ b/src/components/landing/LandingPage.tsx @@ -108,8 +108,7 @@ function MouseSpotlight() { useEffect(() => { const fn = (e: MouseEvent) => { if (ref.current) { - ref.current.style.left = e.clientX + 'px'; - ref.current.style.top = e.clientY + 'px'; + ref.current.style.transform = `translate3d(calc(${e.clientX}px - 50%), calc(${e.clientY}px - 50%), 0)`; } }; window.addEventListener('mousemove', fn, { passive: true }); @@ -121,10 +120,11 @@ function MouseSpotlight() { aria-hidden style={{ position: 'fixed', pointerEvents: 'none', zIndex: 0, + left: 0, top: 0, width: 700, height: 700, background: 'radial-gradient(circle, rgba(129,140,248,0.05) 0%, transparent 70%)', - transform: 'translate(-50%,-50%)', - transition: 'left 0.15s ease-out, top 0.15s ease-out', + transform: 'translate3d(-50%, -50%, 0)', + willChange: 'transform', }} /> ); @@ -168,7 +168,7 @@ function LandingNav() { ═══════════════════════════════════════════ */ const wLabel: React.CSSProperties = { fontFamily: MONO, fontSize: 10, fontWeight: 500, - color: '#444', textTransform: 'uppercase', letterSpacing: '0.1em', + color: '#9ca3af', textTransform: 'uppercase', letterSpacing: '0.1em', }; const wValue: React.CSSProperties = { fontFamily: MONO, fontWeight: 600, color: TEXT, @@ -273,7 +273,7 @@ function MergeWidget() {
merge rate - 87% + 87%
weekly goal - 84% + 84%
YOUR
CODE
HAS A
PULSE - . + . {/* Tagline */} @@ -445,7 +445,7 @@ function CommitTicker() { @@ -466,15 +466,15 @@ function HeatmapSection() { return (
@@ -715,7 +715,7 @@ function ContributeSection({ stats }: { stats: RepoStats }) { }} > {/* Label */} -
+
OPEN SOURCE
@@ -729,7 +729,7 @@ function ContributeSection({ stats }: { stats: RepoStats }) { borderRadius: 8, padding: '20px 20px 16px', }} > -
+
{s.icon} {s.label}
- {s.suffix && {s.suffix}} + {s.suffix && {s.suffix}}
))} @@ -852,34 +852,7 @@ function ContributeSection({ stats }: { stats: RepoStats }) { ); } -/* ═══════════════════════════════════════════ - LANDING FOOTER (above global Footer) - ═══════════════════════════════════════════ */ -function LandingFooter() { - return ( - - ); -} + /* ═══════════════════════════════════════════ MAIN EXPORT @@ -899,7 +872,7 @@ export default function LandingPage({ repoStats }: { repoStats: RepoStats }) { - +
); }