mt-ui-components-vue3/es/ProLayout/Basic/BasicLayout.style.js

玛果添实UI组件库(Vue3)

import { createStyles } from "antd-style";
var useStyles = createStyles(function (_ref) {
  var token = _ref.token;
  return {
    "@{basicLayout-prefix-cls}": {
      flexDirection: "column",
      width: "100%",
      minHeight: "100%",
      "&-content": {
        position: "relative",
        margin: "24px",
        "&-disable-margin": {
          margin: "0"
        },
        "> .@{ant-prefix}-layout": {
          maxHeight: "100%"
        }
      }
    },
    "@{ant-prefix}-pro-page-container": {
      margin: "0"
    },
    "tech-page-container": {
      height: "calc(\n                    100vh - token['pro-layout-header-height'] -\n                        token['pro-layout-header-height\n']                )"
    },
    "@{basicLayout-prefix-cls}-is-children": {
      minHeight: "calc(100vh - token['pro-layout-header-height)']"
    },
    "@{ant-prefix}-pro-fixed-header": {
      position: "fixed",
      top: "0"
    },
    "@{basicLayout-prefix-cls}-fix-siderbar": {
      height: "calc(100vh - token['pro-layout-header-height)']"
    }
  };
});
export default useStyles;