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

Quest react native sdk

import { Dimensions, StyleSheet } from "react-native";
const windowWidth = Dimensions.get("window").width;
const windowHeight = Dimensions.get("window").height;
export const styles = StyleSheet.create({
  modalOutterViewStyle: {
    flex: 1,
    justifyContent: "center",
    alignItems: "center",
    backgroundColor: "rgba(0, 0, 0, 0.3)",
    width: "100%",
  },
  modalInnerViewStyle: {
    width: "96%",
    maxWidth: 376,
    backgroundColor: "#fff",
    borderRadius: 12.3,
    // marginTop:20,
    maxHeight: "90%",
  },
  ratingModal1View: {
    padding: 20,
  },

  ratingModalQuestionLabel: {
    fontSize: 12,
    fontWeight: "400",
    fontStyle: "normal",
    lineHeight: 16,
    color: "#B9B9B9",
  },
  ratingModalQuestion: {
    fontSize: 17,
    fontWeight: "600",
    fontStyle: "normal",
    lineHeight: 26,
    marginTop: 8,
  },
  ratingModalTextInput: {
    height: 20,
  },
  modalHeaderViewStyle: {
    padding: 20,
    flexDirection: "row",
    alignItems: "center",
    borderColor: "red",
  },
  modalHeaderInlineViewStyle: {
    flexDirection: "row",
    justifyContent: "space-between",
    alignItems: "flex-start",
    flex: 1,
  },
  modalHeaderTextStyle: {
    color: "black",
    fontSize: 20,
    fontWeight: "600",
    lineHeight: 30,
    fontStyle: "normal",
  },
  modalHeaderDescriptionStyle: {
    color: "#8E8E8E",
    fontSize: 12,
    fontWeight: "400",
    fontStyle: "normal",
    lineHeight: 16,
    marginTop: 4,
  },
  inputHeaderTextStyle: {
    fontSize: 12,
    fontStyle: "normal",
    fontWeight: "500",
    lineHeight: 16,
    color: "#4C4C4C",
  },
  inputViewStyle: {
    flexDirection: "row",
    alignItems: "center",
    borderColor: "#ECECEC",
    borderWidth: 1,
    paddingVertical: 10,
    paddingHorizontal: 16,
    borderRadius: 10,
    marginTop: 6,
    gap: 8,
  },
  textAreaInputInnerStyle: {
    borderWidth: 1.5,
    borderRadius: 10,
    borderColor: "#ECECEC",
    fontSize: 14,
    fontWeight: "400",
    lineHeight: 20,
    paddingHorizontal: 12,
    minHeight: 73,
    paddingVertical: 10,
    textAlignVertical: "top",
    marginTop: 4,
  },

  textInputInnerStyle: {
    alignItems: "center",
    fontSize: 14,
    flex: 1,
    fontWeight: "400",
    lineHeight: 20,
  },
  submitButtonViewStyle: {
    paddingVertical: 10,
    paddingHorizontal: 20,
    borderRadius: 10,
    backgroundColor: "#9035FF",
  },
  submitButtonTextStyle: {
    color: "#FFF",
    fontSize: 14,
    textAlign: "center",
    fontWeight: "600",
    lineHeight: 20,
  },
  successModalViewStyle: {
    width: windowWidth * 0.96,
    padding: 40,
    backgroundColor: "#fff",
    borderRadius: 10,
    justifyContent: "center",
    alignItems: "center",
  },
  successCrossViewStyle: { position: "absolute", top: 20, right: 20 },
  successHeaderTextStyle: {
    color: "black",
    fontSize: 24,
    fontWeight: "600",
    textAlign: "center",
  },
  successDescriptionTextStyle: {
    color: "#5E5E5E",
    fontSize: 14,
    fontWeight: "400",
    textAlign: "center",
  },
  doubleButtonsView: {
    display: "flex",
    flexDirection: "row",
    gap: 12,
  },
  cancelButtonViewStyle: {
    paddingVertical: 10,
    paddingHorizontal: 20,
    borderWidth: 1,
    width: "47.5%",
    borderRadius: 10,
  },
  cancelButtonTextstyle: {
    color: "#252525",
    fontSize: 14,
    textAlign: "center",
    fontWeight: "500",
    borderColor: "#B9B9B9",
  },
  doubleSubmitButtonView: {
    paddingVertical: 10,
    paddingHorizontal: 20,
    width: "47.5%",
    backgroundColor: "#9035FF",
    borderRadius: 10,
  },
  doubleSubmitButtonTextStyle: {
    color: "#FFF",
    fontSize: 14,
    textAlign: "center",
    fontWeight: "600",
    lineHeight: 20,
  },
  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",
  },
});