fix: bottom layout (#1779)

100mslive · Sep 1, 2023 · f5fdde2 · f5fdde2
1 parent 518f853
commit f5fdde2
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 3 deletions.
diff --git a/packages/roomkit-react/src/Prebuilt/components/SecondaryTiles.tsx b/packages/roomkit-react/src/Prebuilt/components/SecondaryTiles.tsx
@@ -15,7 +15,7 @@ export const SecondaryTiles = ({ peers, onPageChange, onPageSize }: LayoutProps)
 
   useEffect(() => {
     if (pageSize > 0) {
-      onPageSize?.(pageSize + 1); // include screenshare peer as well for page size
+      onPageSize?.(pageSize);
     }
   }, [pageSize, onPageSize]);
 

diff --git a/packages/roomkit-react/src/Prebuilt/components/VideoLayouts/ProminenceLayout.tsx b/packages/roomkit-react/src/Prebuilt/components/VideoLayouts/ProminenceLayout.tsx
@@ -34,8 +34,7 @@ const SecondarySection = ({ tiles, children }: React.PropsWithChildren<{ tiles:
               trackId={tile.track?.id}
               rootCSS={{
                 padding: 0,
-                flex: '1 1 0',
-                maxWidth: 'max-content',
+                flex: '0 0 25%',
               }}
               containerCSS={{
                 width: 'unset',