From 55ae867f6829d2eea47c488e94b588affc8ae7ca Mon Sep 17 00:00:00 2001 From: Nick Szaunig Date: Wed, 30 Sep 2026 23:57:52 +0200 Subject: [PATCH] fix(cart): keep the cart icon unchanged while it glows The landing glow was a larger, filled basket with a thicker stroke and a blurred halo, so the icon looked bigger during the effect. The glow is now an exact copy of the icon (same size, same stroke width, no fill, no scaling) that only changes colour to honey for a moment. Co-Authored-By: Claude Opus 5.5 (1M context) --- src/components/cart-landing-effect.tsx | 16 +++++++--------- 1 file changed, 7 insertions(+), 9 deletions(-) diff --git a/src/components/cart-landing-effect.tsx b/src/components/cart-landing-effect.tsx index 9d6eadf..001e1c6 100644 --- a/src/components/cart-landing-effect.tsx +++ b/src/components/cart-landing-effect.tsx @@ -19,9 +19,10 @@ const DRIP_DELAY_S = 0.3; * unten ab — als waere der Honig durch den Korb gesickert. * * Liegt als Overlay im Warenkorb-Knopf (relative) und faengt keine Klicks. - * Das Leuchten ist eine eigene, honigfarbene Kopie des Korbs, deren Deckkraft - * blinkt — so stimmt die Farbe im hellen wie im dunklen Farbschema, ohne die - * Strichfarbe des eigentlichen Symbols anzufassen. Bei reduzierter Bewegung + * Das Leuchten ist eine deckungsgleiche, honigfarbene Kopie des Korbs (gleiche + * Groesse, gleiche Strichstaerke, keine Fuellung), deren Deckkraft blinkt. + * Das Symbol selbst bleibt unveraendert; nur seine Farbe wechselt kurz — im + * hellen wie im dunklen Farbschema. Bei reduzierter Bewegung * bleibt nur ein einzelnes, ruhiges Aufleuchten ohne Tropfen. */ export function CartLandingEffect() { @@ -42,7 +43,6 @@ export function CartLandingEffect() { void glowControls.start({ opacity: [0, 1, 0.35, 1, 0], - scale: [0.9, 1.08, 1, 1.05, 1], transition: { duration: 0.75, ease: "easeInOut", times: [0, 0.2, 0.45, 0.65, 1] }, }); void dripControls.start({ @@ -70,18 +70,16 @@ export function CartLandingEffect() { animate={glowControls} className="absolute inset-0 flex items-center justify-center" > - {/* Warmer Schein hinter dem Korb. */} - - +