From 62c401336fe5f2e31510d34ac64b80bcf6c4c15e Mon Sep 17 00:00:00 2001 From: Bryan Helmkamp Date: Sat, 28 Feb 2026 14:33:11 -0500 Subject: [PATCH] Fix background gradient repeating on tall pages Use background-attachment: fixed so the radial gradients stay anchored to the viewport instead of tiling with the document height. Co-Authored-By: Claude Opus 4.6 --- apps/arc-web/app/app.css | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/apps/arc-web/app/app.css b/apps/arc-web/app/app.css index b4ffa9f2b..eedf6c36a 100644 --- a/apps/arc-web/app/app.css +++ b/apps/arc-web/app/app.css @@ -29,10 +29,11 @@ /* ── Background atmosphere ── */ .bg-atmosphere { - background: + background-color: var(--color-navy-950); + background-image: radial-gradient(ellipse 120% 60% at 15% 5%, rgba(53, 127, 158, 0.12) 0%, transparent 50%), - radial-gradient(ellipse 80% 50% at 85% 90%, rgba(90, 200, 168, 0.07) 0%, transparent 45%), - var(--color-navy-950); + radial-gradient(ellipse 80% 50% at 85% 90%, rgba(90, 200, 168, 0.07) 0%, transparent 45%); + background-attachment: fixed; } .bg-atmosphere::before { content: "";