fix: spacing and page stuck on stop screenshare

100mslive · Aug 30, 2023 · 77e3bcb · 77e3bcb
1 parent 435126b
commit 77e3bcb
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
@@ -16,7 +16,6 @@ export const SecondaryTiles = ({ peers, onPageChange, onPageSize }: LayoutProps)
   useEffect(() => {
     onPageSize?.(pageSize);
   }, [pageSize, onPageSize]);
-  onPageSize?.(maxTileCount);
 
   return (
     <ProminenceLayout.SecondarySection tiles={pagesWithTiles[page]}>

diff --git a/packages/roomkit-react/src/Prebuilt/components/VideoLayouts/ProminenceLayout.tsx b/packages/roomkit-react/src/Prebuilt/components/VideoLayouts/ProminenceLayout.tsx
@@ -6,14 +6,14 @@ import { CSS } from '../../../Theme';
 import VideoTile from '../VideoTile';
 
 const Root = ({ children }: React.PropsWithChildren) => (
-  <Flex direction="column" css={{ size: '100%' }}>
+  <Flex direction="column" css={{ size: '100%', gap: '$6' }}>
     {children}
   </Flex>
 );
 
 const ProminentSection = ({ children, css = {} }: React.PropsWithChildren<{ css?: CSS }>) => {
   return (
-    <Flex direction="column" css={{ flex: '1 1 0', minHeight: 0, ...css }}>
+    <Flex direction="column" css={{ flex: '1 1 0', gap: '$2', minHeight: 0, ...css }}>
       {children}
     </Flex>
   );