@questlabs/react-native-sdk/src/components/TutorialOld/TutorialOld.styles.ts

Quest react native sdk

import { StyleSheet } from "react-native";
export const styles = StyleSheet.create({
  mainViewStyle: {
    marginHorizontal: 20,
    marginVertical: 50,
    padding: 20,
  },
  headerViewStyle: { justifyContent: "center", alignItems: "center" },
  headerTextStyle: {},
  descriptionViewStyle: {
    justifyContent: "center",
    alignItems: "center",
    marginBottom: 20,
  },
  descriptionTextStyle: { textAlign: "center" },
  modelViewStyle: {
    flexDirection: "row",
    justifyContent: "space-between",
    alignItems: "center",
    position: "relative",
  },
  outerCircleStyle: {
    borderRadius: 10,
    width: 20,
    height: 20,
    borderWidth: 2,
    borderColor: "black",
    backgroundColor: "white",
    justifyContent: "center",
    alignItems: "center",
    zIndex: 1,
  },
  outerCircleCompleteStyle: {
    borderRadius: 10,
    width: 20,
    height: 20,
    backgroundColor: "black",
    justifyContent: "center",
    alignItems: "center",
    zIndex: 1,
  },
  innerCircleStyle: {
    borderRadius: 50,
    width: 5,
    height: 5,
    backgroundColor: "white",
  },
  innerCircleCompletedStyle: {
    borderRadius: 50,
    width: 5,
    height: 5,
    backgroundColor: "white",
  },
  taskViewStyle: {
    width: 270,
    marginVertical: 10,
    marginLeft: 10,
    backgroundColor: "white",
    borderWidth: 1,
    borderRadius: 20,
    paddingHorizontal: 10,
    paddingVertical: 10,
  },
  taskViewCompleteStyle: {
    width: 270,
    marginVertical: 10,
    marginLeft: 10,
    backgroundColor: "black",
    borderWidth: 1,
    borderRadius: 20,
    paddingHorizontal: 10,
    paddingVertical: 10,
  },
  taskHeaderStyle: {
    flexDirection: "row",
    justifyContent: "space-between",
    alignItems: "center",
    marginVertical: 10,
  },
  taskTitleTextStyle: { color: "white" },
  completeViewStyle: {
    backgroundColor: "#EEEEEE",
    paddingHorizontal: 5,
    paddingVertical: 2,
    borderRadius: 10,
    justifyContent: "space-between",
    alignItems: "center",
    flexDirection: "row",
  },
  completeTextStyle: { marginHorizontal: 2 },
  labelViewStyle: {
    flexDirection: "row",
    justifyContent: "space-between",
    alignItems: "center",
    marginVertical: 5,
  },
  labelTextStyle: { color: "white", fontSize: 12 },
  lableIconStyle: { color: "white" },
});