diff --git a/src/room/InCallView.tsx b/src/room/InCallView.tsx index cc40c1b..fd987e6 100644 --- a/src/room/InCallView.tsx +++ b/src/room/InCallView.tsx @@ -215,7 +215,7 @@ export function InCallView({ // window is too small to show everyone const maximisedParticipant = useMemo( () => - fullscreenParticipant ?? (bounds.height <= 500 && bounds.width <= 500) + fullscreenParticipant ?? (bounds.height <= 400 && bounds.width <= 400) ? items.find((item) => item.focused) ?? items.find((item) => item.callFeed) ?? null @@ -223,6 +223,8 @@ export function InCallView({ [fullscreenParticipant, bounds, items] ); + const reducedControls = bounds.width <= 400; + const renderAvatar = useCallback( (roomMember: RoomMember, width: number, height: number) => { const avatarUrl = roomMember.user?.avatarUrl; @@ -325,13 +327,13 @@ export function InCallView({