@wulperstudio/cms
Version:
Wulper Studio Library Components CMS
53 lines (52 loc) • 1.75 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Root = exports.ColRight = exports.ColLeft = void 0;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _material = require("@mui/material");
var Root = exports.Root = (0, _material.styled)('main', {
shouldForwardProp: function shouldForwardProp(prop) {
return prop !== 'gridDirection' && prop !== 'sx';
}
})(function (_ref) {
var theme = _ref.theme,
gridDirection = _ref.gridDirection;
return (0, _defineProperty2["default"])({
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'
});
});
var ColLeft = exports.ColLeft = (0, _material.styled)('section')(function (_ref3) {
var theme = _ref3.theme;
return (0, _defineProperty2["default"])({
gridArea: 'content',
height: '100%',
width: '100%',
overflow: 'auto'
}, theme.breakpoints.down('md'), {
overflow: 'unset',
gridArea: 'unset'
});
});
var ColRight = exports.ColRight = (0, _material.styled)('section')(function (_ref5) {
var theme = _ref5.theme;
return (0, _defineProperty2["default"])({
gridArea: 'asset'
}, theme.breakpoints.down('md'), {
display: 'none',
gridArea: 'unset'
});
});