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

It is a react native component for SmartFloMeet users.

import { StyleSheet,Dimensions} from 'react-native';


const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
  showModalButton: {
    marginTop: 20,
    backgroundColor: '#e60073',
    padding: 10,
    alignItems: 'center',
  },
  buttonText: {
    color: 'white',
    fontSize: 16,
  },
  modalBackground: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: 'rgba(0,0,0,0.5)',
  },
  dialogContainer: {
    flex: 1,
    backgroundColor: 'white',
    padding: 20,
    width: 300,
    maxHeight:500,
    borderRadius: 10,
  },
  headerContainer: {
    flexDirection: 'row',
    justifyContent: 'space-between',
    marginBottom: 20,
  },
  titleText: {
    fontSize: 18,
    fontWeight: 'bold',
    textAlign:'center'
  },
  cancelText: {
    color: 'red',
    fontSize: 16,
  },
  
  questionText: {
    fontSize: 16,
    marginBottom: 15,
    marginTop:10,
    fontWeight: '500',
    textAlign:'center',
    color:'black'
  },
  answersContainer: {
    maxHeight: 300, // Set a max height for the scrollable answers area
  },
  answerContainer: {
    marginBottom: 10,
  },
  submitButton: {
    marginTop: 20,
    backgroundColor: '#e60073',
    padding: 10,
    alignItems: 'center',
  },
  submitText: {
    color: 'white',
    fontSize: 16,
  },
});
export { styles }