@wulperstudio/cms
Version:
Wulper Studio Library Components CMS
46 lines (45 loc) • 1.41 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Container = void 0;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _material = require("@mui/material");
var Container = exports.Container = (0, _material.styled)('div', {
shouldForwardProp: function shouldForwardProp(prop) {
return prop !== 'padding' && prop !== 'backgroundContainer';
}
})(function (_ref) {
var theme = _ref.theme,
padding = _ref.padding,
backgroundContainer = _ref.backgroundContainer;
return (0, _defineProperty2["default"])({
alignItems: 'center',
backgroundColor: backgroundContainer || theme.palette.background["default"],
borderRadius: '20px',
display: 'grid',
gridTemplateColumns: '1fr',
gridTemplateRows: 'auto 1fr auto',
left: '50%',
padding: padding || 0,
position: 'absolute',
top: '50%',
transform: 'translate(-50%, -50%)'
}, theme.breakpoints.down(900), {
borderRadius: 0,
boxShadow: 'none',
display: 'grid',
gridTemplateColumns: '1fr',
gridTemplateRows: 'auto 1fr auto',
height: '100vh',
maxHeight: '100vh',
minHeight: '100%',
overflow: 'auto',
padding: 0,
minWidth: '100%',
width: '10vw',
maxWidth: '100vw',
zIndex: 10
});
});