@grc/business
Version:
更新sider选项 : forceSubMenuRender
108 lines (107 loc) • 2.43 kB
CSS
/**
* @file layout
*/
/**
* @file 主题变量
* 在这里覆盖antd变量和自定义主题变量
* @author david wang
* antd 变量可以在此查看 https://github.com/ant-design/ant-design/blob/3.22.2/components/style/themes/default.less
*/
/**
* @file 主题变量
* 在这里覆盖antd变量和自定义主题变量
* @author david wang
* antd 变量可以在此查看 https://github.com/ant-design/ant-design/blob/master/components/style/themes/default.less
*/
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.gbc-header {
background-color: #FFFFFF;
box-shadow: 0 1px 4px 0 rgba(0, 21, 41, 0.12);
}
.gbc-header-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
height: 76px;
padding: 0 20px;
}
.gbc-header-control-items {
display: flex;
align-items: center;
list-style: none;
}
.gbc-header-control-item + .gbc-header-control-item {
margin-left: 50px;
}
.gbc-header-control-text {
margin-left: 5px;
}
.gbc-header-control-logout {
cursor: pointer;
}
.gbc-header-control-logout .anticon {
font-size: 20px;
}
.gbc-content {
background-color: #FAFAFA;
}
.gbc-content-header {
height: 5vh;
min-height: 60px;
background-color: #FAFAFA;
margin-top: 4px;
}
.gbc-content-header-inner {
display: flex;
align-items: center;
justify-content: space-between;
height: 100%;
padding: 0 20px;
}
.gbc-content-header-title {
color: rgba(0, 0, 0, 0.85);
font-size: 20px;
}
.gbc-content-main {
overflow-y: scroll;
height: 88vh;
padding: 3vh 24px;
}
.gbc-content-main-inner {
min-height: 100%;
background-color: #FAFAFA;
padding: 2vh 32px;
}
.gbc-footer-wrapper {
text-align: center;
color: rgba(0, 0, 0, 0.65);
font-size: 14px;
}
.gbc-sider {
background-color: #001529;
min-height: 100vh;
max-width: 180px;
min-width: 256px;
box-shadow: 2px 0px 6px 0px rgba(0, 21, 41, 0.35);
}
.gbc-sider-wrapper {
height: 100%;
position: relative;
}
.gbc-sider-header {
display: flex;
justify-content: center;
align-items: center;
background: #002140;
height: 76px;
}
.gbc-sider .grc-menu-item .anticon {
font-size: 14px;
vertical-align: middle;
}
.gbc-sider .grc-menu-item span {
vertical-align: middle;
}