52 lines
1.1 KiB
JavaScript
52 lines
1.1 KiB
JavaScript
|
import { ColorPalette, createStyleSheet } from '../../base/styles';
|
||
|
|
|
||
|
|
export default createStyleSheet({
|
||
|
|
// XXX The names bellow were preserved for the purposes of compatibility
|
||
|
|
// with the existing CSS class names on Web.
|
||
|
|
|
||
|
|
/**
|
||
|
|
* The style of {@code CallOverlay}.
|
||
|
|
*/
|
||
|
|
ringing: {
|
||
|
|
alignItems: 'center',
|
||
|
|
backgroundColor: ColorPalette.black,
|
||
|
|
bottom: 0,
|
||
|
|
flex: 0,
|
||
|
|
flexDirection: 'column',
|
||
|
|
justifyContent: 'center',
|
||
|
|
left: 0,
|
||
|
|
opacity: 0.8,
|
||
|
|
position: 'absolute',
|
||
|
|
right: 0,
|
||
|
|
top: 0
|
||
|
|
},
|
||
|
|
|
||
|
|
'ringing__avatar': {
|
||
|
|
borderRadius: 50,
|
||
|
|
flex: 0,
|
||
|
|
height: 100,
|
||
|
|
width: 100
|
||
|
|
},
|
||
|
|
|
||
|
|
'ringing__caller-info': {
|
||
|
|
alignItems: 'center',
|
||
|
|
flex: 0,
|
||
|
|
flexDirection: 'row',
|
||
|
|
justifyContent: 'center'
|
||
|
|
},
|
||
|
|
|
||
|
|
'ringing__content': {
|
||
|
|
alignItems: 'center',
|
||
|
|
flex: 0,
|
||
|
|
flexDirection: 'column',
|
||
|
|
justifyContent: 'center'
|
||
|
|
},
|
||
|
|
|
||
|
|
/**
|
||
|
|
* The style of {@code Text} within {@code CallOverlay}.
|
||
|
|
*/
|
||
|
|
'ringing__text': {
|
||
|
|
color: ColorPalette.white
|
||
|
|
}
|
||
|
|
});
|