@wulperstudio/cms/modern/layouts/LayoutAuth/styled.js

Wulper Studio Library Components CMS

import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
import { styled } from '@mui/material';
export var Root = styled('main', {
  shouldForwardProp: function shouldForwardProp(prop) {
    return prop !== 'gridDirection' && prop !== 'sx';
  }
})(function (_ref) {
  var theme = _ref.theme,
    gridDirection = _ref.gridDirection;
  return _defineProperty({
    display: 'grid',
    gridTemplateColumns: '1fr 1fr',
    gridTemplateRows: '1fr',
    height: '100%',
    width: '100%',
    gridTemplateAreas: gridDirection === 'row' ? "\n      'content asset'\n        " : "\n      'asset content'\n      "
  }, theme.breakpoints.down('md'), {
    gridTemplateRows: 'unset',
    gridTemplateColumns: 'unset',
    gridTemplateAreas: 'unset',
    overflow: 'unset',
    display: 'block',
    '--webkit-overflow-scrolling': 'touch'
  });
});
export var ColLeft = styled('section')(function (_ref3) {
  var theme = _ref3.theme;
  return _defineProperty({
    gridArea: 'content',
    height: '100%',
    width: '100%',
    overflow: 'auto'
  }, theme.breakpoints.down('md'), {
    overflow: 'unset',
    gridArea: 'unset'
  });
});
export var ColRight = styled('section')(function (_ref5) {
  var theme = _ref5.theme;
  return _defineProperty({
    gridArea: 'asset'
  }, theme.breakpoints.down('md'), {
    display: 'none',
    gridArea: 'unset'
  });
});