@questlabs/react-native-sdk
Version:
Quest react native sdk
81 lines (79 loc) • 1.83 kB
text/typescript
import { StyleSheet, Dimensions } from "react-native";
const windowWidth = Dimensions.get('window').width
export const styles = StyleSheet.create({
mainViewStyle: {
borderRadius: 10,
backgroundColor: "white",
maxWidth: 376,
width: windowWidth * 0.96
},
innerMainStyle: {
padding: 20,
},
headerText: {
fontSize: 24,
fontWeight: "600",
textAlign: "center",
lineHeight: 32,
fontStyle: 'normal'
},
detailText: {
color: "#AFAFAF",
fontSize: 14,
fontWeight: "400",
textAlign: "center",
marginTop: 4,
fontStyle: 'normal',
lineHeight: 20
},
shareIconView: {
flexDirection: "row",
alignItems: "center",
},
iconStyle: {
marginVertical: 5,
marginRight: 10,
},
referalHeaderText: { color: "#252525", fontSize: 12, lineHeight: 16 },
referalViewStyle: {
flexDirection: "row",
alignItems: "center",
marginTop: 4,
borderRadius: 10,
borderWidth: 1.5,
paddingVertical: 10,
paddingHorizontal: 12,
borderColor: "#ECECEC",
},
referalTextStyle: { fontSize: 14, color: "#2B2B2B", height: 20, flex: 1 },
buttonViewStyle: {
marginTop: 20,
backgroundColor: "#9035FF",
borderRadius: 10,
justifyContent: "center",
alignItems: "center",
},
buttonTextStyle: {
color: "#FFF",
fontSize: 14,
fontWeight: "600",
paddingVertical: 10,
paddingHorizontal: 20,
lineHeight: 20,
fontStyle: 'normal'
},
FooterView: {
paddingHorizontal: 20,
paddingVertical: 10,
borderTopColor: '#EFEFEF',
borderTopWidth: 1
},
FooterText: {
fontSize: 12,
fontStyle: 'normal',
lineHeight: 16,
fontWeight: '400',
color: '#B9B9B9',
textAlign: 'center'
}
});