@questlabs/react-native-sdk
Version:
Quest react native sdk
74 lines (72 loc) • 1.77 kB
text/typescript
import { StyleSheet } from "react-native";
export const styles = StyleSheet.create({
mainViewStyle: { width: "100%", borderRadius: 12, backgroundColor: "white" },
loadingMainView: {
flex: 1,
justifyContent: "center",
alignItems: "center",
},
headerViewStyle: { paddingTop: 20, paddingHorizontal: 20 },
headerNumberStyle: {
fontSize: 36,
fontWeight: "600",
lineHeight: 44,
color: "#9035FF",
textAlign: "center",
},
headerTextStyle: {
fontSize: 12,
fontWeight: "500",
lineHeight: 16,
textAlign: "center",
color: "#9035FF",
},
descriptionTextStyle: {
fontSize: 12,
fontWeight: "400",
lineHeight: 16,
color: "#2C2C2C",
textAlign: "center",
},
iconViewStyle: {
flexDirection: "row",
flexWrap: "wrap",
paddingHorizontal: 20,
paddingVertical: 20,
justifyContent: "center",
alignItems: "flex-start",
},
imageStyle: { width: 25, height: 25 },
footerView: {
display: "flex",
paddingVertical: 12,
paddingHorizontal: 20,
justifyContent: "center",
gap: 8,
alignSelf: "stretch",
backgroundColor: "#FBFBFB",
borderBottomStartRadius: 12,
borderBottomEndRadius: 12,
},
footerInnerView: {
display: "flex",
justifyContent: "space-between",
flexDirection: "row",
alignItems: "center",
},
footerText: {
fontSize: 12,
fontStyle: "normal",
fontWeight: "400",
lineHeight: 16,
color: "#B9B9B9",
},
iconBackGroundViewStyle: {
borderRadius: 56,
backgroundColor: "#F4EBFF",
padding: 12,
width: 48,
alignSelf: "center",
},
iconTextStyle: { width: 58, marginTop: 5, textAlign: "center" },
});