mt-ui-components-vue3
Version:
玛果添实UI组件库(Vue3)
93 lines • 2.44 kB
JavaScript
import { createStyles } from "antd-style";
var useStyles = createStyles(function (_ref) {
var token = _ref.token;
return {
"@{pro-layout-sider-menu-prefix-cls}": {
"&-logo": {
padding: "16px 8px"
},
"&-light": {
backgroundColor: token.colorBgContainer,
boxShadow: "2px 0 8px 0 rgba(29, 35, 41, 0.05)"
},
"&-icon": {
width: "14px",
verticalAlign: "baseline"
},
"&-links": {
width: "100%",
"ul.@{ant-prefix}-menu-root": {
height: "auto"
}
},
"&-collapsed-button": {
borderTop: "".concat(token.lineWidth, "px solid rgba(0, 0, 0, 0.25)")
},
"li.@{ant-prefix}-menu-item": {
height: "100%",
lineHeight: "1"
}
},
"@{ant-prefix}-menu-item": {
color: token.colorPrimary
},
"@{ant-prefix}-menu-item-selected": {
color: token.colorPrimary
},
"@{ant-prefix}-layout-sider-children": {
"::-webkit-scrollbar-track": {
background: "rgba(0, 0, 0, 0.06)",
borderRadius: "3px",
boxShadow: "inset 0 0 5px rgba(0, 21, 41, 0.05)"
}
},
"@{ant-prefix}-menu-inline-collapsed": {
width: "48px"
},
"@{pro-layout-sider-menu-prefix-cls}-logo": {
h1: {
color: token.colorPrimary
}
},
"@{ant-prefix}-menu-light": {
borderRightColor: "transparent"
},
"@{pro-layout-sider-menu-prefix-cls}-collapsed-button": {
borderTop: "".concat(token.lineWidth, "px token['border-style-base\n'] ").concat(token.colorSplit)
},
anticon: {
fontSize: "16px"
},
"top-nav-menu": {
height: "100%",
lineHeight: "1"
},
drawer: {
background: token["layout-sider-background"]
},
"drawer-content": {
background: token["layout-sider-background"]
},
"@{ant-prefix}-layout-sider-light": {
a: {
color: token.colorPrimary
},
"a:hover": {
color: token.colorPrimary
}
},
"@{ant-prefix}-layout-sider.@{pro-layout-sider-menu-prefix-cls}-fixed": {
position: "fixed",
top: "0",
left: "0",
zIndex: "99",
overflow: "auto",
overflowX: "hidden",
boxShadow: "2px 0 8px 0 rgba(29, 35, 41, 0.05)"
},
"anticon + .@{ant-prefix}-pro-menu-item-title": {
marginLeft: "10px"
}
};
});
export default useStyles;