@wulperstudio/cms/organisms/DrawerModal/styled.js

Wulper Studio Library Components CMS

import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
import { styled } from '@mui/material';
export var Container = styled('div', {
  shouldForwardProp: function shouldForwardProp(prop) {
    return prop !== 'padding' && prop !== 'backgroundContainer';
  }
})(function (_ref) {
  var theme = _ref.theme,
    padding = _ref.padding,
    backgroundContainer = _ref.backgroundContainer;
  return _defineProperty({
    alignItems: 'center',
    backgroundColor: backgroundContainer || theme.palette.background["default"],
    borderRadius: '20px',
    display: 'grid',
    gridTemplateColumns: '1fr',
    gridTemplateRows: 'auto 1fr auto',
    left: '50%',
    padding: padding || 0,
    position: 'absolute',
    top: '50%',
    transform: 'translate(-50%, -50%)'
  }, theme.breakpoints.down(900), {
    borderRadius: 0,
    boxShadow: 'none',
    display: 'grid',
    gridTemplateColumns: '1fr',
    gridTemplateRows: 'auto 1fr auto',
    height: '100vh',
    maxHeight: '100vh',
    minHeight: '100%',
    overflow: 'auto',
    padding: 0,
    minWidth: '100%',
    width: '10vw',
    maxWidth: '100vw',
    zIndex: 10
  });
});