sfm-uikit-react-native
Version:
It is a react native component for SmartFloMeet users.
51 lines (47 loc) • 1.28 kB
JavaScript
import { StyleSheet} from 'react-native';
const styles = StyleSheet.create({
container: {
},
modalBackground: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: 'rgba(0, 0, 0, 0.5)', // Semi-transparent background
},
dialogContainer: {
width: 300,
height:500, // Fixed height for the modal
backgroundColor: 'white',
borderRadius: 10,
alignItems: 'center',
justifyContent: 'flex-start', // Ensures content doesn't stretch the full height
},
headerContainer: {
flexDirection: 'row', // Horizontal layout
justifyContent: 'flex-end', // Align items to the end (right)
alignItems: 'center',
width: '100%',
padding: 15,
},
titleText: {
fontSize: 18,
fontWeight: 'bold',
},
questionText: {
fontSize: 18,
marginTop:10,
fontWeight: "500",
},
closeButton: {
width: 27,
height: 27,
alignSelf: 'center',
},
pieChartContainer: {
flex: 1, // Take available space
justifyContent: 'center', // Center the chart vertically
alignItems: 'center',
marginEnd: 50, // Center the chart horizontally
},
});
export { styles }