enx-uikit-react-native/src/style/EnxVideoViewStyle.js

It is a react native component for Enablex users.

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 }