jiti-meet/react/features/large-video/components/styles.js

31 lines
706 B
JavaScript

import { ColorPalette, createStyleSheet } from '../../base/styles';
export const styles = createStyleSheet({
/**
* The style of the avatar of the participant displayed in largeVideo. It's
* an addition to the default style of Avatar.
*/
avatar: {
alignSelf: 'center',
borderRadius: 100,
flex: 0,
height: 200,
width: 200
},
/**
* Large video container style.
*/
largeVideo: {
alignItems: 'stretch',
backgroundColor: ColorPalette.appBackground,
bottom: 0,
flex: 1,
justifyContent: 'center',
left: 0,
position: 'absolute',
right: 0,
top: 0
}
});