sfm-uikit-react-native
Version:
It is a react native component for SmartFloMeet users.
176 lines (174 loc) • 4.11 kB
JavaScript
import { StyleSheet } from 'react-native';
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#f0f0f0',
padding: 10,
},
buttonContainer:{
flexDirection: 'row',
justifyContent: 'space-around',
marginBottom: 15,
marginTop: 15,
},
pollButton: {
backgroundColor: '#e60073',
borderRadius: 30,
padding: 10,
elevation: 5,
},
sectionHeader: {
fontSize: 18,
fontWeight: 'bold',
paddingVertical: 10,
backgroundColor: '#d3d3d3',
paddingHorizontal: 10,
},
pollQuestion: {
fontSize: 16,
fontWeight: 'bold',
marginBottom: 5,
paddingLeft: 10,
backgroundColor: '#fff',
paddingVertical: 10,
marginTop: 10,
},
option: {
fontSize: 14,
marginVertical: 5,
paddingLeft: 20,
backgroundColor: '#f9f9f9',
paddingVertical: 5,
},
addPollButton: {
position: 'absolute',
bottom: 20,
right: 20,
backgroundColor: '#e60073',
borderRadius: 30,
padding: 15,
elevation: 5,
},
optionContainer: {
marginBottom: 10,
flexDirection: 'row', // Aligns the items horizontally
alignItems: 'center', // Vertically align the text and progress bar
justifyContent: 'flex-start', // Align items to the left (start)
width: '100%',
},
optionText: {
fontSize: 16,
marginTop:10,
marginRight:5,
color: '#333',
},
optionPercentage: {
fontSize: 14,
color: '#555',
marginVertical: 5,
},
pollContainer: {
marginBottom: 20,
backgroundColor: 'white',
borderRadius: 8,
padding: 15,
elevation: 3,
},
pollTitle: {
padding: 10,
borderRadius: 5,
},
pollText: {
fontSize: 18,
color: 'black',
flex: 1,
},
addText: {
color: 'white',
fontSize: 16,
},
mainScreen: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
},
addui: {
flexDirection: 'row', // Arrange children horizontally
width: '100%',
alignItems: 'center',
},
title: {
fontSize: 24,
fontWeight: 'bold',
marginBottom: 0,
textAlign: 'center',
},
label: {
fontSize: 16,
fontWeight: '600',
marginTop: 10,
},
inputDuration:{ flex: 7,
margin:2,
height: 40,
borderColor: '#ccc',
borderWidth: 1,
marginTop: 8,
paddingHorizontal: 10,
borderRadius: 5,},
input: {
height: 40,
borderColor: '#ccc',
borderWidth: 1,
marginTop: 8,
paddingHorizontal: 10,
borderRadius: 5,
},
optionContainer: {
flexDirection: 'row',
alignItems: 'center',
marginTop: 10,
},
optionInput: {
flex: 1,
height: 40,
borderColor: '#ccc',
borderWidth: 1,
paddingHorizontal: 10,
borderRadius: 5,
},
overlay: {
position: 'absolute',
top: 0,
left: 0,
right: 0,
bottom: 0,
zIndex: 1, // Keep it on top of the video screen
backgroundColor: 'rgba(255,255,255,0.0)', // Optional: add transparency if needed
},
addButton: {
flex:3,
marginTop: 10,
margin:2,
backgroundColor: '#007bff',
padding: 10,
borderRadius: 5,
alignItems: 'center',
},
addButtonText: {
color: '#fff',
fontSize: 16,
},
createButton: {
marginTop: 20,
backgroundColor: '#28a745',
padding: 10,
borderRadius: 5,
alignItems: 'center',
},
createButtonText: {
color: '#fff',
fontSize: 16,
},
});
export { styles }