From dc2cb3bbb368e4c102d15201504b7178273572c2 Mon Sep 17 00:00:00 2001 From: hobokenchicken Date: Fri, 5 Jun 2026 09:36:37 -0400 Subject: [PATCH] fix(avatar): reduce model scale to 72% (from 85%) and tighten anchor to prevent right-side clipping in narrow sidebar --- frontend/src/components/KiraAvatar.tsx | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/frontend/src/components/KiraAvatar.tsx b/frontend/src/components/KiraAvatar.tsx index 4e3e5a8..530b09e 100644 --- a/frontend/src/components/KiraAvatar.tsx +++ b/frontend/src/components/KiraAvatar.tsx @@ -72,13 +72,13 @@ export default function KiraAvatar(props: Props) { }); modelRef.current = model; - // Fit model to fill the canvas - const maxW = containerW * 0.85; - const maxH = containerH * 0.85; + // Fit model to fill the canvas — leave generous margin to avoid clipping + const maxW = containerW * 0.72; + const maxH = containerH * 0.72; const scale = Math.min(maxW / model.width, maxH / model.height); model.scale.set(scale); - model.anchor.set(0.5, 0.55); - model.position.set(app.screen.width / 2, app.screen.height / 2 + 8); + model.anchor.set(0.5, 0.52); + model.position.set(app.screen.width / 2, app.screen.height / 2 + 6); app.stage.addChild(model as any);