mt-ui-components-vue3
Version:
玛果添实UI组件库(Vue3)
67 lines • 2.31 kB
JavaScript
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
import { createStyles } from "antd-style";
var useStyles = createStyles(function (_ref) {
var _proLayoutPageCo3;
var token = _ref.token;
return {
"@{pro-layout-page-container}-children-content": {
margin: "24px 24px 0"
},
"@{pro-layout-page-container}": {
"&-warp": {
backgroundColor: token.colorBgContainer
}
},
"@{ant-prefix}-tabs-bar": {
margin: "0"
},
"@{pro-layout-page-container}-warp": {
backgroundColor: token.colorBgContainer
},
"@{pro-layout-page-container}-detail": _defineProperty({
display: "flex"
}, "@media screen and (max-width: ".concat(token.screenSM, "px)"), {
display: "block"
}),
"@{pro-layout-page-container}-row": _defineProperty({
display: "flex",
width: "100%"
}, "@media screen and (max-width: ".concat(token.screenMD, "px)"), {
display: "block"
}),
"@{pro-layout-page-container}-title-content": {
marginBottom: "16px"
},
"@{pro-layout-page-container}-title": {
marginBottom: "16px"
},
"@{pro-layout-page-container}-content": {
flex: "auto"
},
"@{pro-layout-page-container}-extraContent": (_proLayoutPageCo3 = {
minWidth: "242px",
marginLeft: "88px",
textAlign: "right"
}, _defineProperty(_proLayoutPageCo3, "@media screen and (max-width: ".concat(token.screenXL, "px)"), {
marginLeft: "44px"
}), _defineProperty(_proLayoutPageCo3, "@media screen and (max-width: ".concat(token.screenLG, "px)"), {
marginLeft: "20px"
}), _defineProperty(_proLayoutPageCo3, "@media screen and (max-width: ".concat(token.screenMD, "px)"), {
marginLeft: "0",
textAlign: "left"
}), _defineProperty(_proLayoutPageCo3, "@media screen and (max-width: ".concat(token.screenSM, "px)"), {
marginLeft: "0"
}), _proLayoutPageCo3),
"@{pro-layout-page-container}-main": {
width: "100%"
},
"@{pro-layout-page-container}-logo": {
marginBottom: "16px"
},
"@{pro-layout-page-container}-action": _defineProperty({}, "@media screen and (max-width: ".concat(token.screenMD, "px)"), {
marginLeft: "0",
textAlign: "left"
})
};
});
export default useStyles;