|
|
@ -10,6 +10,10 @@ export const useStyle = createStyles(({ token, css, cx, prefixCls }, props: any) |
|
|
|
const container = { |
|
|
|
[prefix]: css`
|
|
|
|
|
|
|
|
.ant-pro-layout .ant-pro-layout-bg-list{ |
|
|
|
background:#f2f2f2; |
|
|
|
} |
|
|
|
|
|
|
|
height: 100%; |
|
|
|
|
|
|
|
.ant-pro-global-header-logo, |
|
|
@ -32,8 +36,8 @@ export const useStyle = createStyles(({ token, css, cx, prefixCls }, props: any) |
|
|
|
} |
|
|
|
.ant-pro-page-container-children-container{ |
|
|
|
|
|
|
|
padding-inline: 0px; |
|
|
|
padding-block: 0px; |
|
|
|
padding-inline: 20px; |
|
|
|
padding-block: 20px; |
|
|
|
|
|
|
|
} |
|
|
|
.ant-page-header-no-children { |
|
|
@ -48,12 +52,18 @@ export const useStyle = createStyles(({ token, css, cx, prefixCls }, props: any) |
|
|
|
.ant-pro-card-body{ |
|
|
|
padding-block-start: 0; |
|
|
|
overflow: auto; |
|
|
|
height: calc(100vh - 110px); |
|
|
|
min-height: calc(100vh - 110px); |
|
|
|
height: calc(100vh - 160px); |
|
|
|
min-height: calc(100vh - 160px); |
|
|
|
${scrollbarBackground} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.ant-tree .ant-tree-checkbox{ |
|
|
|
margin-top: 12px; |
|
|
|
} |
|
|
|
.ant-tree .ant-tree-switcher, |
|
|
|
.ant-tree .ant-tree-node-content-wrapper{ |
|
|
|
line-height: 40px; |
|
|
|
} |
|
|
|
`,
|
|
|
|
} |
|
|
|
|
|
|
@ -107,7 +117,7 @@ export const useStyle = createStyles(({ token, css, cx, prefixCls }, props: any) |
|
|
|
} |
|
|
|
.ant-pro-layout-content, |
|
|
|
.ant-pro-layout-container{ |
|
|
|
width: calc(100vw - 65px); |
|
|
|
width: calc(100vw - 80px); |
|
|
|
overflow: hidden; |
|
|
|
height: 100vh; |
|
|
|
} |
|
|
@ -148,6 +158,19 @@ export const useStyle = createStyles(({ token, css, cx, prefixCls }, props: any) |
|
|
|
.ant-menu-inline-collapsed >.ant-menu-item{ |
|
|
|
padding-inline: calc(50% - 8px); |
|
|
|
} |
|
|
|
|
|
|
|
.ant-menu-inline >.ant-menu-submenu>.ant-menu-submenu-title, |
|
|
|
.ant-menu-inline .ant-menu-item{ |
|
|
|
height: 52px; |
|
|
|
line-height: 52px; |
|
|
|
} |
|
|
|
.ant-menu .ant-menu-item .ant-menu-item-icon, |
|
|
|
.ant-menu .ant-menu-submenu-title .ant-menu-item-icon, |
|
|
|
.ant-menu .ant-menu-item .anticon, .ant-menu |
|
|
|
.ant-menu-submenu-title .anticon{ |
|
|
|
font-size: 16px; |
|
|
|
} |
|
|
|
|
|
|
|
.ant-menu-inline .ant-menu-submenu-title{ |
|
|
|
margin-inline: 0; |
|
|
|
margin-block: 0; |
|
|
@ -155,6 +178,12 @@ export const useStyle = createStyles(({ token, css, cx, prefixCls }, props: any) |
|
|
|
border-radius: 0; |
|
|
|
} |
|
|
|
|
|
|
|
.ant-menu-light .ant-menu-item-selected, |
|
|
|
.ant-menu-light>.ant-menu .ant-menu-item-selected{ |
|
|
|
background-color: #3f9eff; |
|
|
|
color: white; |
|
|
|
} |
|
|
|
|
|
|
|
`
|
|
|
|
|
|
|
|
|
|
|
@ -227,18 +256,24 @@ export const useStyle = createStyles(({ token, css, cx, prefixCls }, props: any) |
|
|
|
&.ant-menu-inline .ant-menu-item{ |
|
|
|
margin-inline: 0; |
|
|
|
margin-block: 0; |
|
|
|
width: 65px; |
|
|
|
width: 80px; |
|
|
|
border-radius: 0; |
|
|
|
color: white!important; |
|
|
|
} |
|
|
|
|
|
|
|
.ant-menu-title-content{ |
|
|
|
.anticon{ |
|
|
|
font-size: 18px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.ant-menu-item:not(.ant-menu-item-selected):hover{ |
|
|
|
background-color: hsla(0,0%,100%,.1) !important; |
|
|
|
color: white!important; |
|
|
|
} |
|
|
|
|
|
|
|
.ant-menu-item-selected{ |
|
|
|
background-color: #409eff; |
|
|
|
background-color: #334068; |
|
|
|
color: white; |
|
|
|
} |
|
|
|
|
|
|
@ -299,8 +334,8 @@ export const useStyle = createStyles(({ token, css, cx, prefixCls }, props: any) |
|
|
|
const layoutTable = css`
|
|
|
|
.ant-pro-table{ |
|
|
|
.ant-pro-card-body{ |
|
|
|
height: calc(100vh - 50px); |
|
|
|
min-height: calc(100vh - 50px); |
|
|
|
height: 100%; |
|
|
|
min-height: 100%; |
|
|
|
} |
|
|
|
} |
|
|
|
`
|
|
|
|