enx-uikit-react-native
Version:
It is a react native component for Enablex users.
152 lines (137 loc) • 2.61 kB
JavaScript
import { StyleSheet } from 'react-native';
const styles = StyleSheet.create({
container: {
flex: 1,
},
waitMsg: {
fontSize: 16,
fontWeight: "bold"
},
itemInvisible: {
backgroundColor: 'transparent',
},
itemText: {
color: '#fff',
},
welcome: {
fontSize: 20,
textAlign: "center",
margin: 10
},
local_stream_border: {
marginTop: 50,
backgroundColor: "rgba(0, 0, 0, 0.8)",
borderColor: "rgba(255,255,255,0.4)",
height: 60,
width: 400,
borderWidth: 4,
paddingLeft: 120,
borderRadius: 4,
justifyContent: "center",
alignSelf: "center"
},
inlineImg_: {
width: 42,
alignSelf: "center",
height: 42,
top: 10
},
disconnectImg: {
width: 60,
height: 60,
},
flexList: {
justifyContent: "space-between",
backgroundColor: 'white',
padding: 0,
margin: 1,
},
containerView: {
backgroundColor: "black",
borderWidth: 1,
borderTopLeftRadius: 5,
borderTopRightRadius: 5,
padding: 5,
margin: 5,
},
playerView: {
backgroundColor:"pink",
padding: 5,
marginTop:5,
width: 298,
height: 120
},
middle: {
flex: 0.3,
backgroundColor: "beige",
borderWidth: 5,
},
bottom: {
flex: 0.3,
backgroundColor: "pink",
borderWidth: 5,
borderBottomLeftRadius: 20,
borderBottomRightRadius: 20,
},
selfView: {
position: 'absolute',
width: 101,
height:101,
top:10,
backgroundColor:'white',
borderRadius:7,
justifyContent: 'center',
alignItems: 'center',
},
bottomBar: {
position: 'absolute',
width: '100%',
height:60,
bottom:0,
marginBottom:25,
},
inlineImg: {
width: 40,
alignSelf: "center",
height: 40,
top: 10
},
content: {
padding: 20,
},
content__modal: {
shadowColor: '#000',
shadowOffset: { width: 0, height: 6 },
shadowOpacity: 0.45,
shadowRadius: 16,
},
simpleText: {
fontSize: 15,
textAlign: "center",
fontWeight: "bold",
margin: 10
},
arrowStyle:{ width: 30,
alignSelf: "center",
height: 30,
tintColor:"grey",transform: [{ rotate: '180deg'}]},
content2: {
paddingHorizontal: 15,
shadowColor: 'green',
},
content__row: {
flexDirection: 'row',
alignItems: 'center',
justifyContent: 'space-between',
paddingVertical: 15,
borderBottomColor: 'grey',
borderBottomWidth: 1,
},
content__name: {
fontSize: 16,
textAlign: "center",
fontWeight: "bold",
color:"#242424",
},
});
export { styles }