@questlabs/react-native-sdk
Version:
Quest react native sdk
105 lines (102 loc) • 2.08 kB
text/typescript
import { StyleSheet } from "react-native";
export const styles = StyleSheet.create({
inputContainer: {
flexDirection: "row",
alignItems: "center",
borderRadius: 10,
borderWidth: 1.5,
borderColor: "#4B4B4B",
paddingVertical: 16,
paddingHorizontal: 20,
gap: 12,
marginVertical: 10,
marginHorizontal: 20,
},
inputText: {
fontSize: 18,
color: "black",
fontWeight: "400",
lineHeight: 28,
flex: 1,
},
BtnText: {
fontSize: 18,
color: "white",
fontWeight: "400",
lineHeight: 28,
},
colorButtonContainer: {
flexDirection: "row",
justifyContent:'center',
alignItems: "center",
borderRadius: 10,
paddingVertical: 16,
paddingHorizontal: 20,
gap: 8,
marginVertical: 10,
backgroundColor: "blue",
marginHorizontal:20
},
centeredView: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
marginTop: 22,
},
container:{
marginVertical:30
},
modalView: {
flex:0.5,
justifyContent:'center',
margin: 20,
backgroundColor: 'white',
borderRadius: 20,
padding: 35,
alignItems: 'center',
shadowColor: '#000',
shadowOffset: {
width: 0,
height: 2,
},
shadowOpacity: 0.25,
shadowRadius: 4,
elevation: 5,
}, button: {
borderRadius: 20,
padding: 10,
elevation: 2,
marginVertical:20
},
buttonOpen: {
backgroundColor: '#F194FF',
},
buttonClose: {
backgroundColor: '#2196F3',
},
textStyle: {
color: 'white',
fontWeight: 'bold',
textAlign: 'center',
},
modalText: {
marginBottom: 15,
textAlign: 'center',
},
containerInput:{
flexDirection:'row',
justifyContent:'center',
alignItems:'center'
},
cellView:{
paddingVertical:11,width:40,
margin:5,
justifyContent:'center',
alignItems:'center',
borderBottomWidth:1.5,
},
cellText:{
textAlign:'center',
fontSize:14,
}
});