Merge pull request #20 from AsianCat54x/master

Prevent screen from overlapping with the panels
symblai · Oct 21, 2021 · 41121c2 · 41121c2
2 parents 6d8b5b4 + 4089bfc
commit 41121c2
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/src/components/VideoTrack/VideoTrack.js b/src/components/VideoTrack/VideoTrack.js
@@ -3,9 +3,8 @@ import {styled} from '@material-ui/core/styles';
 import useMediaStreamTrack from '../../hooks/useMediaStreamTrack/useMediaStreamTrack';
 
 const Video = styled('video')({
+  height: '100%',
   width: '100%',
-  maxHeight: '100%',
-  objectFit: 'contain',
 });
 
 export default function VideoTrack({ track, isLocal, priority, mainParticipant }) {
@@ -35,5 +34,5 @@ export default function VideoTrack({ track, isLocal, priority, mainParticipant }
   // console.log(priority)
   // const mainParticipantStyle = isLocal && isFrontFacing && priority === 'high' ? { height: '100%', objectFit: 'cover' } : {}
 
-  return <Video ref={videoElementRef} style={{...style, ...{ height: '100%', objectFit: 'cover' }}} />;
+  return <Video ref={videoElementRef} style={{...style, ...{ height: '100%' }}} />;
 }