nice-ui
Version:
React design system, components, and utilities
24 lines (23 loc) • 765 B
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.PageWidth = void 0;
const React = require("react");
const nano_theme_1 = require("nano-theme");
const constants_1 = require("../../constants");
const padding = 32;
const blockClass = (0, nano_theme_1.rule)({
maxW: constants_1.NiceUiSizes.SiteWidth + padding + padding + 'px',
minW: constants_1.NiceUiSizes.MinSiteWidth + 'px',
margin: 'auto',
bxz: 'border-box',
pad: '0 32px',
'@media only screen and (max-width: 600px)': {
padl: '16px',
padr: '16px',
},
});
const PageWidth = ({ children }) => {
const element = React.createElement("div", { className: blockClass }, children);
return element;
};
exports.PageWidth = PageWidth;