Files
jitsi-meet/react/features/base/jwt/components/styles.native.js
Saúl Ibarra Corretgé bbb1dce42a [RN] Simplify styles which fill the parent view
Turns out React Native offers an object with the following definition:

{
    bottom: 0,
    left: 0,
    position: 'absolute',
    right: 0,
    top: 0
}
2018-05-23 14:30:22 +02:00

50 lines
1.1 KiB
JavaScript

import { StyleSheet } from 'react-native';
import { ColorPalette, createStyleSheet } from '../../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 CalleeInfo}.
*/
ringing: {
...StyleSheet.absoluteFillObject,
alignItems: 'center',
backgroundColor: ColorPalette.black,
flex: 0,
flexDirection: 'column',
justifyContent: 'center',
opacity: 0.8
},
'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 CalleeInfo}.
*/
'ringing__text': {
color: ColorPalette.white
}
});