diff --git a/src/components/chat/ChatOverlay.tsx b/src/components/chat/ChatOverlay.tsx index fcf5cea..8fc020e 100644 --- a/src/components/chat/ChatOverlay.tsx +++ b/src/components/chat/ChatOverlay.tsx @@ -64,13 +64,13 @@ export function ChatOverlay({ containerSize.height * 0.6 ); - // Position overlay at center when first shown + // Position overlay at center (slightly moved up) when first shown const hasPositionedRef = useRef(false); useEffect(() => { if (isVisible && containerRef.current && containerSize.width > 0 && overlayWidth > 0 && overlayHeight > 0) { - // Calculate center position + // Calculate center position, moved up by 15% of container height const centerX = (containerSize.width - overlayWidth) / 2; - const centerY = (containerSize.height - overlayHeight) / 2; + const centerY = (containerSize.height - overlayHeight) / 2 - (containerSize.height * 0.15); // Only auto-position on first show (when position is at origin) if (!hasPositionedRef.current && position.x === 0 && position.y === 0) { diff --git a/src/components/playground/PhoneSimulator.tsx b/src/components/playground/PhoneSimulator.tsx index afbec4f..3a7ea9a 100644 --- a/src/components/playground/PhoneSimulator.tsx +++ b/src/components/playground/PhoneSimulator.tsx @@ -1272,8 +1272,8 @@ export function PhoneSimulator({ ) : ( -