@wulperstudio/cms
Version:
Wulper Studio Library Components CMS
31 lines (30 loc) • 1.03 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.GridCardList = void 0;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _material = require("@mui/material");
var GridCardList = exports.GridCardList = (0, _material.styled)(_material.Box, {
shouldForwardProp: function shouldForwardProp(prop) {
return prop !== 'gridColumns' && prop !== 'gap';
}
})(function (_ref) {
var theme = _ref.theme,
gridColumns = _ref.gridColumns,
gap = _ref.gap;
return (0, _defineProperty2["default"])({
display: 'grid',
gap: gap || '15px',
gridAutoRows: 'max-content',
gridTemplateColumns: gridColumns || 'repeat(auto-fill, minmax(310px, 1fr))',
height: '100%',
overflow: 'auto',
width: '100%',
padding: '1.5rem 1rem'
}, theme.breakpoints.down('md'), {
gridTemplateColumns: '1fr',
padding: '1.5rem 1rem'
});
});