@veecode-platform/plugin-kong-service-manager/dist/components/SpecList/PullRequesModal/styles.esm.js

import { makeStyles } from '@material-ui/core';

const usePullRequestStyles = makeStyles((theme) => ({
  modalOnBlur: {
    width: "100%",
    height: "100%"
  },
  modalContent: {
    backdropFilter: "blur(8px)",
    "-webkit-backdrop-filter": "blur(8px)",
    width: "100%",
    height: "100%",
    padding: "1rem",
    borderRadius: "8px",
    display: "flex",
    alignItems: "center",
    justifyContent: "center",
    [theme.breakpoints.down("md")]: {
      width: "100%"
    },
    overflowY: "scroll",
    "&::-webkit-scrollbar": {
      width: "12px"
    },
    "&::-webkit-scrollbar-track": {
      backgroundColor: `${theme.palette.background.default}`
    },
    "&::-webkit-scrollbar-thumb": {
      backgroundColor: `${theme.palette.grey[500]}`,
      borderRadius: "10px",
      borderColor: theme.palette.background.paper
    },
    "&::-webkit-scrollbar-thumb:hover": {
      backgroundColor: `${theme.palette.grey[700]}`
    }
  },
  modalHeader: {
    width: "100%",
    padding: ".8rem",
    display: "flex",
    alignItems: "center",
    justifyContent: "flex-end"
  },
  modalBody: {
    width: "70%",
    margin: "auto",
    display: "flex",
    alignItems: "center",
    justifyContent: "center",
    flexDirection: "column",
    backgroundColor: "#1E1E1E05",
    boxShadow: "rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px",
    borderRadius: "5px",
    [theme.breakpoints.down("md")]: {
      width: "95%"
    }
  },
  container: {
    width: "100%",
    height: "100%",
    backgroundColor: theme.palette.background.paper,
    borderRadius: "5px",
    border: `1px solid ${theme.palette.grey[700]}`
  },
  titleBar: {
    width: "100%",
    padding: ".8rem 2rem",
    backgroundColor: theme.palette.background.default,
    borderRadius: "5px 5px 0 0 ",
    position: "relative",
    display: "flex",
    alignItems: "center",
    justifyContent: "space-between",
    gap: "1rem",
    "&:after": {
      content: '""',
      display: "block",
      position: "absolute",
      left: 0,
      top: 0,
      bottom: 0,
      width: "6px",
      backgroundColor: theme.palette.linkHover,
      borderRadius: "5px 0 0 0"
    }
  },
  titleContent: {
    width: "100%"
  },
  closeModal: {
    cursor: "pointer",
    color: theme.palette.link,
    transition: "all .5s ease-in-out",
    marginRight: "-1rem",
    "&:hover": {
      color: theme.palette.linkHover
    }
  },
  content: {
    width: "100%",
    padding: "1rem",
    display: "flex",
    alignItems: "center",
    justifyContent: "flex-start",
    flexDirection: "column",
    gap: "1rem",
    backgroundColor: theme.palette.background.default,
    borderBottomRightRadius: "10px",
    borderBottomLeftRadius: "10px"
  },
  pullRequestCard: {
    backgroundColor: `${theme.palette.background.paper}85`,
    width: "100%",
    minHeight: "50vh",
    padding: "1rem",
    display: "flex",
    alignItems: "center",
    justifyContent: "center",
    flexDirection: "column",
    gap: "1rem"
  },
  spinner: {
    color: theme.palette.text.primary,
    marginLeft: ".5rem"
  },
  input: {
    backgroundColor: theme.palette.background.paper
  },
  cancel: {
    backgroundColor: theme.palette.grey[700],
    color: theme.palette.text.primary,
    "&:hover": {
      backgroundColor: theme.palette.background.default,
      color: theme.palette.text.primary
    }
  },
  submit: {
    backgroundColor: theme.palette.link,
    color: theme.palette.background.default,
    "&:hover": {
      backgroundColor: theme.palette.linkHover,
      color: theme.palette.background.default
    },
    "&:disabled": {
      background: theme.palette.background.paper,
      color: theme.palette.text.primary
    }
  },
  footer: {
    paddingTop: "2rem",
    alignSelf: "flex-end",
    display: "flex",
    alignItems: "center",
    justifyContent: "center",
    gap: "1rem"
  }
}));

export { usePullRequestStyles };
//# sourceMappingURL=styles.esm.js.map