xmj/element-call
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix grid padding

Browse source
This commit is contained in:
Robert Long 2021-08-31 12:15:03 -07:00
commit a9e8b570f4
1 changed files with 3 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/VideoGrid.jsx
View file

@ -85,9 +85,9 @@ function getTilePositions(
if (layoutDirection === "vertical") {
presenterGridWidth = gridWidth;
presenterGridHeight = gridHeight - participantGridBounds.height;
presenterGridHeight = gridHeight - (participantGridBounds.height + gap);
} else {
presenterGridWidth = gridWidth - participantGridBounds.width;
presenterGridWidth = gridWidth - (participantGridBounds.width + gap);
presenterGridHeight = gridHeight;
}
@ -100,24 +100,17 @@ function getTilePositions(
const presenterGridBounds = getSubGridBoundingBox(presenterGridPositions);
if (layoutDirection === "vertical") {
centerTiles(
participantGridPositions,
gridWidth,
presenterGridBounds.height
);
applyTileOffsets(
participantGridPositions,
0,
presenterGridBounds.height + gap
);
centerTiles(presenterGridPositions, gridWidth, presenterGridBounds.height);
} else {
applyTileOffsets(
participantGridPositions,
presenterGridBounds.width + gap,
0
);
centerTiles(presenterGridPositions, presenterGridBounds.width, gridHeight);
}
const tilePositions = [
@ -667,6 +660,7 @@ function ParticipantTile({
style,
participant,
remove,
presenter,
onClickNameTag,
...rest
}) {