Shiloh/remnantchat
Shiloh/remnantchat
1
0
Fork 1
Code Issues Pull Requests Packages Projects 4 Releases Wiki Activity

feat: import peer video layout

Browse Source
This commit is contained in:
Jeremy Kahn 2022-11-07 21:19:11 -06:00
parent b27a54eac4
commit f6314501a2
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/Room/PeerVideo.tsx
View File

@ -54,15 +54,19 @@ export const PeerVideo = ({
playsInline playsInline
ref={videoRef} ref={videoRef}
style={{ style={{
borderRadius: '1.25em', borderRadius: '.25em',
overflow: 'auto', overflow: 'auto',
padding: '1em', marginLeft: 'auto',
marginRight: 'auto',
height: '100%',
...(isSelf && { ...(isSelf && {
transform: 'rotateY(180deg)', transform: 'rotateY(180deg)',
}), }),
}} }}
/> />
<PeerNameDisplay sx={{ textAlign: 'center', display: 'block' }}> <PeerNameDisplay
sx={{ textAlign: 'center', display: 'block', marginTop: '1em' }}
>
{userId} {userId}
</PeerNameDisplay> </PeerNameDisplay>
</Paper> </Paper>