sfm-uikit-react-native/src/style/EnxParticipantScreenStyle.js

It is a react native component for SmartFloMeet users.

import { StyleSheet } from 'react-native';
const styles = StyleSheet.create({
    mainContainer: {
        flex: 1,
    },
    flatList:{
        justifyContent: "space-between", 
        padding: 0, 
        margin: 1,
    },
    itemContainer : {
        flexDirection: 'row',
        padding: 10,
        borderBottomWidth: 1,
        borderColor: '#ccc',
        alignItems: 'center',
    },
    nameContainer: {
        flexDirection: 'row',
        alignItems: 'center',
        width: '45%', // 40% part for the name
      },
      roundRect: {
        width: 50,
        height: 50,
        borderRadius: 25, // Rounded Rect shape
        backgroundColor: '#000',
        justifyContent: 'center',
        alignItems: 'center',
        marginRight: 5,
      },
      firstLetter: {
        fontSize: 20,
        color: '#fff',
        fontWeight: 'bold',
      },
      fullName: {
        fontSize: 16,
      },
      actionContainer: {
        width: '55%', // 60% part for actions
        flexDirection: 'row',
        justifyContent: 'space-around',
      },
    emptyContainer: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
        padding: 20,
      },
      emptyText: {
        fontSize: 20,
        color: 'gray',
      },
      inlineImg: {
        width: 30,
        alignSelf: "center",
        height: 30,
        zIndex: 50,
      }

  });
  export { styles }