@wulperstudio/cms/layouts/LayoutCrudRightLeft/styled.js

Wulper Studio Library Components CMS

import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
import { Box, styled } from '@mui/material';
export var Root = styled(Box, {
  shouldForwardProp: function shouldForwardProp(prop) {
    return prop !== 'columnGap';
  }
})(function (_ref) {
  var theme = _ref.theme,
    columnGap = _ref.columnGap;
  return _defineProperty({
    display: 'grid',
    gridTemplateColumns: 'auto 1fr auto',
    gridTemplateRows: '1fr',
    gridTemplateAreas: "\n    \"drawerLeft content drawerRight\"\n  ",
    width: '100%',
    height: '100%',
    columnGap: columnGap || 10,
    overflow: 'auto'
  }, theme.breakpoints.down('md'), {
    gridTemplateRows: 'unset',
    gridTemplateColumns: 'unset',
    gridTemplateAreas: 'unset',
    overflow: 'unset',
    display: 'block',
    '--webkit-overflow-scrolling': 'touch'
  });
});
export var Content = styled('div', {
  shouldForwardProp: function shouldForwardProp(prop) {
    return prop !== 'isBlock';
  }
})(function () {
  return {
    gridArea: 'content',
    width: '100%',
    height: '100%',
    overflow: 'auto'
  };
});
export var DrawerLeft = styled('div')({
  gridArea: 'drawerLeft',
  width: '100%',
  height: '100%',
  overflow: 'auto'
});
export var DrawerRight = styled('div')({
  gridArea: 'drawerRight',
  width: '100%',
  height: '100%',
  overflow: 'auto'
});