From 3a6a1cd6c3c5a319001c9a800e393bc4f860a000 Mon Sep 17 00:00:00 2001 From: hobokenchicken Date: Fri, 5 Jun 2026 09:51:39 -0400 Subject: [PATCH] fix(avatar): reduce model margin to 45% to prevent clipping in narrow sidebar --- frontend/src/components/KiraAvatar.tsx | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/frontend/src/components/KiraAvatar.tsx b/frontend/src/components/KiraAvatar.tsx index c931919..be80a5a 100644 --- a/frontend/src/components/KiraAvatar.tsx +++ b/frontend/src/components/KiraAvatar.tsx @@ -44,8 +44,8 @@ export default function KiraAvatar(props: Props) { const fitModel = (crW: number, crH: number) => { if (!model || !app) return; - const maxW = crW * 0.65; - const maxH = crH * 0.65; + const maxW = crW * 0.45; + const maxH = crH * 0.45; const s = Math.min(maxW / model.width, maxH / model.height); model.scale.set(s); model.position.set(app.screen.width / 2, app.screen.height / 2); @@ -90,8 +90,8 @@ export default function KiraAvatar(props: Props) { modelRef.current = model; // Fit model with generous margin to avoid clipping - const maxW = w * 0.65; - const maxH = h * 0.65; + const maxW = w * 0.45; + const maxH = h * 0.45; const scale = Math.min(maxW / model.width, maxH / model.height); model.scale.set(scale); model.anchor.set(0.5, 0.5);