@grc/business
Version:
更新sider选项 : forceSubMenuRender
234 lines (233 loc) • 4.89 kB
CSS
/**
* @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-import {
font-size: 14px;
color: #333333;
}
.gbc-import-modal {
max-width: 430px;
}
.gbc-import-modal .grc-modal-body {
padding-top: 40px;
}
.gbc-import-modal .grc-modal-footer {
text-align: center;
border-top: none;
padding-bottom: 25px;
}
.gbc-import-upload {
position: relative;
width: 100%;
cursor: pointer;
}
.gbc-import-upload_inner {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
min-height: 195px;
background: #FAFAFA;
border: 1px dashed rgba(0, 0, 0, 0.15);
}
.gbc-import-upload_icon {
font-size: 48px;
color: #1890ff;
}
.gbc-import-upload input[type="file"] {
width: 100%;
cursor: pointer;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
}
.gbc-import-result {
color: rgba(0, 0, 0, 0.85);
}
.gbc-import-result_header,
.gbc-import-result_body {
display: flex;
align-items: center;
flex-direction: column;
}
.gbc-import-result_header {
font-size: 70px;
}
.gbc-import-result_title {
font-size: 22px;
margin: 20px 0 0 0;
}
.gbc-import-result_tip {
color: rgba(0, 0, 0, 0.45);
margin: 15px 0 0 0;
}
.gbc-import-result_footer {
display: flex;
align-items: center;
height: 44px;
background-color: #FAFAFA;
padding: 0 14px;
margin: 20px 0 0 0;
}
.gbc-import-result_footer > span {
display: inline-block;
margin-left: 5px;
}
.gbc-import-fail_header,
.gbc-import-fail_tip {
color: #ff0000;
}
.gbc-import-fail_footer {
border: 1px solid #ff0000;
}
.gbc-import-fail .grc-table {
margin-top: 10px;
box-sizing: content-box;
}
.gbc-import-fail .grc-table-header {
margin-bottom: 0;
padding-bottom: 0;
overflow: auto ;
}
.gbc-import-fail .grc-table-thead > tr > th {
font-weight: normal;
background-color: rgba(0, 0, 0, 0.08);
}
.gbc-import-fail .grc-table-thead > tr > th,
.gbc-import-fail .grc-table-tbody > tr > td {
padding: 5px 5px;
border-bottom: none;
}
.gbc-import-fail .grc-table-tbody > tr:nth-of-type(2n) {
background-color: rgba(0, 0, 0, 0.04);
}
.gbc-import-success_header {
color: #1de466;
}
/**
* @file layout
*/
.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;
}
.grc-pagination {
text-align: right;
margin-top: 20px;
}
.grc-table-empty .grc-table-placeholder {
border: none;
}
.grc-table .grc-empty {
margin: 30px 0px;
}
.grc-table .grc-empty-image {
height: 100px;
}
.grc-table .grc-empty-image svg {
width: 100px;
height: 100px;
}
.grc-table .grc-empty-description {
color: rgba(0, 0, 0, 0.65);
}