@questlabs/react-native-sdk
Version:
Quest react native sdk
98 lines (94 loc) • 2.21 kB
text/typescript
import { StyleSheet, Dimensions } from "react-native";
const windowWidth = Dimensions.get('window').width
export const styles = StyleSheet.create({
MainContainer: {
width: "100%",
borderRadius: 12
},
headingText:{ fontSize: 24, fontWeight: "600", lineHeight: 32, color: '#FFF', textAlign: "center" },
detailText:{ fontSize: 12, fontWeight: "400", lineHeight: 16, color: "#FFF", textAlign: "center" },
middalView:{
backgroundColor: "white",
paddingHorizontal: 20,
gap: 20,
borderRadius: 12,
paddingBottom:20
},
mainViewStyle: {
backgroundColor: "#0065FF",
paddingHorizontal: 20,
paddingBottom:40,
borderTopStartRadius: 12,
borderTopEndRadius: 12
},
headerTextStyle: {
color:'#2C2C2C',
textAlign: "center",
fontSize: 20,
fontWeight: "600",
lineHeight: 30
},
descriptionTextStyle: {
fontWeight: "400",
fontSize: 12,
textAlign: "center",
color: "#939393",
marginTop: 8,
lineHeight:16,
},
labelTextView: {
fontWeight: "500",
fontSize: 12,
color: "#4C4C4C",
lineHeight: 16,
},
codeViewStyle: {
flexDirection: "row",
alignItems: "center",
justifyContent: "center",
marginTop: 4,
borderRadius: 10,
borderWidth: 1,
paddingVertical: 10,
paddingHorizontal: 12,
borderColor: "#ECECEC",
gap: 8,
height:43
},
codeTextStyle: {
fontSize: 14,
color: "#939393",
flex: 1,
fontWeight:"400",
lineHeight: 20
},
inviteButtonViewStyle: {
backgroundColor: "#0065FF",
borderRadius: 10,
justifyContent: "center",
alignItems: "center",
paddingVertical: 10,
paddingHorizontal: 16,
},
buttonTextStyle: {
color: "#FFF",
fontSize: 14,
fontWeight: "600",
height: 20,
lineHeight: 20,
},
FooterView: {
backgroundColor: '#FBFBFB',
paddingHorizontal: 20,
paddingVertical: 10,
borderBottomEndRadius: 10,
borderBottomLeftRadius: 10
},
FooterText: {
textAlign: 'center',
fontWeight: "400",
fontSize: 10,
color: "#939393",
lineHeight: 12,
}
});