@wulperstudio/cms
Version:
Wulper Studio Library Components CMS
58 lines (57 loc) • 1.74 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Root = exports.DrawerRight = exports.DrawerLeft = exports.Content = void 0;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _material = require("@mui/material");
var Root = exports.Root = (0, _material.styled)(_material.Box, {
shouldForwardProp: function shouldForwardProp(prop) {
return prop !== 'columnGap';
}
})(function (_ref) {
var theme = _ref.theme,
columnGap = _ref.columnGap;
return (0, _defineProperty2["default"])({
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'
});
});
var Content = exports.Content = (0, _material.styled)('div', {
shouldForwardProp: function shouldForwardProp(prop) {
return prop !== 'isBlock';
}
})(function () {
return {
gridArea: 'content',
width: '100%',
height: '100%',
overflow: 'auto'
};
});
var DrawerLeft = exports.DrawerLeft = (0, _material.styled)('div')({
gridArea: 'drawerLeft',
width: '100%',
height: '100%',
overflow: 'auto'
});
var DrawerRight = exports.DrawerRight = (0, _material.styled)('div')({
gridArea: 'drawerRight',
width: '100%',
height: '100%',
overflow: 'auto'
});