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

Wulper Studio Library Components CMS

import { styled } from '@mui/material';
export var Root = styled('div', {
  shouldForwardProp: function shouldForwardProp(props) {
    return props !== 'openDrawer';
  }
})(function (_ref) {
  var openDrawer = _ref.openDrawer;
  return {
    display: 'grid',
    gridTemplateColumns: '1fr auto',
    gridTemplateRows: '1fr',
    gridTemplateAreas: "\n    \"content drawer\"\n  ",
    width: '100%',
    height: '100%',
    columnGap: openDrawer ? 15 : 0
  };
});
export var Content = styled('div')({
  gridArea: 'content',
  width: '100%',
  height: '100%',
  overflow: 'auto'
});
export var Drawer = styled('div')({
  gridArea: 'drawer',
  width: '100%',
  height: '100%',
  overflow: 'auto'
});