@questlabs/react-native-sdk
Version:
Quest react native sdk
94 lines (90 loc) • 2.05 kB
text/typescript
import { Dimensions, StyleSheet } from "react-native";
const { width } = Dimensions.get("window");
export const styles = StyleSheet.create({
mainViewStyle: {
backgroundColor: "#0065FF",
borderRadius: 12,
width: "100%",
},
headerViewStyle: {
flexDirection: "row",
paddingTop: 20,
justifyContent: "space-between",
alignItems: "center",
paddingHorizontal: 20,
},
headerTextStyle: {
fontSize: 14,
fontWeight: "500",
lineHeight: 20,
color: "#FFF",
marginTop: 8,
},
crossViewStyle: {
padding: 4,
backgroundColor: "rgba(255, 255, 255, 0.20)",
borderRadius: 4,
justifyContent: "center",
alignItems: "center",
},
welcomeTextStyle: {
fontSize: 24,
fontWeight: "500",
lineHeight: 34,
color: "#FFF",
paddingLeft: 20,
paddingVertical: 8,
},
middelViewStyle: {
flexDirection: "row",
paddingLeft: 20,
overflow: "hidden",
},
descriptionTextStyle: {
width: 200,
fontSize: 12,
fontWeight: "500",
lineHeight: 16,
color: "rgba(255, 255, 255, 0.80)",
},
buttonViewStyle: {
paddingVertical: 10,
borderWidth: 1,
borderColor: "#D1ACFF",
borderRadius: 10,
marginTop: 20,
marginBottom: 32,
width: 130,
},
buttonTextStyle: {
textAlign: "center",
fontSize: 14,
fontWeight: "600",
lineHeight: 20,
color: "#FFF",
},
iconViewStyle: {
position: "absolute",
right: -30,
backgroundColor: "rgba(255, 255, 255, 0.20)",
borderRadius: 192,
padding: 26,
justifyContent: "center",
alignItems: "center",
},
footerViewStyle: {
flexDirection: "row",
justifyContent: "space-between",
alignItems: "center",
backgroundColor: "#FBFBFB",
padding: 12,
borderBottomLeftRadius: 12,
borderBottomRightRadius: 12,
},
footerTextStyle: {
color: "#939393",
fontSize: 10,
fontWeight: "400",
lineHeight: 12,
},
});