From 4b2760a08dda91b0bc3d58b32e15c94a1e7a97d1 Mon Sep 17 00:00:00 2001 From: neodk2004 Date: Sat, 13 Jun 2026 12:43:27 +0200 Subject: [PATCH] fix(PawRing): center main pad ring at cy=50 so avatar sits inside it MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit mainCy=58 shifted the ring below the flex-centered avatar, causing the image to appear above/half-inside the ring. Setting cy=50 aligns the ring with the container center; toe beans (cy≈1-10) overflow upward via SVG overflow:visible, which is the correct paw-print anatomy. Co-Authored-By: Claude Sonnet 4.6 --- src/components/stories/PawRing.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/stories/PawRing.tsx b/src/components/stories/PawRing.tsx index 8e4e913..c6de01a 100644 --- a/src/components/stories/PawRing.tsx +++ b/src/components/stories/PawRing.tsx @@ -35,7 +35,7 @@ export function PawRing({ petId, children, size = 32, onPress }: PawRingProps) { // Main pad: slightly larger than the avatar circle, centered horizontally, // shifted down so the toe beans have room above. const mainCx = 50; - const mainCy = 58; + const mainCy = 50; const mainR = 44; const strokeW = Math.max(4, (size / 8)); // thicker ring for larger avatars