saleor-dashboard/src/styles/useScrollableDialogStyle.ts

import { makeStyles } from "@saleor/theme";

const useScrollableDialogStyle = makeStyles(
  theme => ({
    content: {
      overflowY: "hidden"
    },
    dialog: {
      height: "calc(100% - 64px)",
      maxHeight: 700
    },
    loadMoreLoaderContainer: {
      alignItems: "center",
      display: "flex",
      height: theme.spacing(3),
      justifyContent: "center",
      marginTop: theme.spacing(3)
    },
    scrollArea: {
      overflowY: "scroll"
    }
  }),
  {
    name: "ScrollableDialog"
  }
);

export default useScrollableDialogStyle;