@questlabs/react-native-sdk
Version:
Quest react native sdk
74 lines (72 loc) • 1.95 kB
text/typescript
import { StyleSheet, Dimensions } from "react-native";
export const styles = StyleSheet.create({
modalContanier: {
flex: 1,
justifyContent: "center",
alignItems: "center",
},
mainViewStyle: { backgroundColor: "white", borderRadius: 12, width: "100%" },
searchViewStyle: {
borderBottomColor: "#EFEFEF",
borderBottomWidth: 1,
paddingHorizontal: 20,
flexDirection: "row",
justifyContent: "space-between",
alignItems: "center",
paddingVertical: 12,
borderTopRightRadius: 12,
borderTopLeftRadius: 12,
backgroundColor: "white",
width: "100%",
},
inputViewStyle: { flex: 1, marginLeft: 10 },
notFoundText: { paddingHorizontal: 20, marginVertical: 20 },
listMainViewStyle: { marginVertical: 20, paddingHorizontal: 20 },
listItemViewStyle: { padding: 12 },
listInnerViewStyle: { flexDirection: "row", alignItems: "center", gap: 12 },
imageViewStyle: {
padding: 8,
backgroundColor: "#F4EBFF",
borderRadius: 48,
justifyContent: "center",
alignItems: "center",
},
imageStyle: { width: 16, height: 16 },
listTitleView: { marginRight: 12 },
titleTextStyle: {
fontSize: 14,
fontWeight: "500",
lineHeight: 20,
color: "#2C2C2C",
},
descriptionTextStyle: {
fontSize: 12,
fontWeight: "400",
lineHeight: 16,
color: "#939393",
},
footerView: {
display: "flex",
paddingVertical: 10,
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",
},
});