mt-ui-components-vue3/lib/ProLayout/PageContainer/index.style.js

玛果添实UI组件库(Vue3)

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _antdStyle = require("antd-style");
var useStyles = (0, _antdStyle.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": (0, _defineProperty2.default)({
      display: "flex"
    }, "@media screen and (max-width: ".concat(token.screenSM, "px)"), {
      display: "block"
    }),
    "@{pro-layout-page-container}-row": (0, _defineProperty2.default)({
      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"
    }, (0, _defineProperty2.default)(_proLayoutPageCo3, "@media screen and (max-width: ".concat(token.screenXL, "px)"), {
      marginLeft: "44px"
    }), (0, _defineProperty2.default)(_proLayoutPageCo3, "@media screen and (max-width: ".concat(token.screenLG, "px)"), {
      marginLeft: "20px"
    }), (0, _defineProperty2.default)(_proLayoutPageCo3, "@media screen and (max-width: ".concat(token.screenMD, "px)"), {
      marginLeft: "0",
      textAlign: "left"
    }), (0, _defineProperty2.default)(_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": (0, _defineProperty2.default)({}, "@media screen and (max-width: ".concat(token.screenMD, "px)"), {
      marginLeft: "0",
      textAlign: "left"
    })
  };
});
var _default = useStyles;
exports.default = _default;