sfm-uikit-react-native
Version:
It is a react native component for SmartFloMeet users.
97 lines (92 loc) • 2.21 kB
JavaScript
import { StyleSheet } from 'react-native';
const styles = StyleSheet.create({
container: {
padding: 20,
backgroundColor: '#f8f8f8',
},
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: 50,
borderColor: '#ccc',
borderWidth: 1,
marginTop: 8,
fontSize: 15,
paddingHorizontal: 10,
borderRadius: 5,},
input: {
fontSize: 15,
height: 50,
borderColor: '#ccc',
borderWidth: 1,
marginTop: 8,
paddingHorizontal: 10,
borderRadius: 5,
},
optionContainer: {
flexDirection: 'row',
alignItems: 'center',
marginTop: 10,
},
optionInput: {
fontSize: 15,
flex: 1,
height: 50,
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: '#e60073',
padding: 10,
borderRadius: 10,
alignItems: 'center',
},
addButtonText: {
color: '#fff',
fontSize: 16,
},
createButton: {
marginTop: 20,
backgroundColor: '#e60073',
padding: 10,
borderRadius: 10,
alignItems: 'center',
paddingVertical: 12,
paddingHorizontal: 20,
alignSelf: 'center',
},
createButtonText: {
color: '#fff',
fontSize: 16,
},
});
export { styles }