newCloud/src/layouts/BasicLayout.less

@import '~antd/es/style/themes/default.less';

.ant-pro-global-header {
    box-shadow: none !important;
}

.ant-pro-basicLayout-content {
    margin: 0 !important;
}

.ant-menu-inline-collapsed .ant-pro-menu-item .ant-pro-menu-item-title {
    opacity: 0;
}

.ant-pro-sider-logo img {
    height: 21px !important;
}

.main-tab>.ant-tabs-nav {
    margin-bottom: 0 !important;
    padding: 2px 15px 0 16px;
    background-color: #fff;
}

.main-tab>.ant-tabs-nav .ant-tabs-tab {
    background-color: #fafafa;
    border-color: #f0f0f0;
    border-bottom: 0;
}

.main-tab>.ant-tabs-nav .ant-tabs-tab button svg {
    // color: #fff;
    transition: all 0.3s;
}

.main-tab>.ant-tabs-nav .ant-tabs-tab:hover {
    background-color: #fafafa;
    border-color: #f0f0f0;
}

.main-tab>.ant-tabs-nav .ant-tabs-tab:hover button svg {
    color: @link-color;
}

.main-tab.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab-active {
    background-color: #f6f9fb;
    border-color: #f0f0f0;
    box-shadow: 2px 0 6px 0 #e7e7e7;
    border-top-color: #3591fe;
}

.main-tab.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab-active::before {
    content: '';
    position: absolute;
    display: block;
    background-color: #3591fe;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
}

.main-tab>.ant-tabs-nav .ant-tabs-tab-active button svg {
    color: @icon-color;
}

.main-tab>.ant-tabs-content-holder {
    height: calc(100vh - 86px);
    padding-top: 16px;
    overflow-y: auto;
}

.main-tab>.ant-tabs-nav .ant-tabs-nav-wrap {
    bottom: 1px;
}

.tab-extra {
    width: 13px;
    height: 15px;
    padding: 0 26px 16px 0;
    // background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAPCAYAAAA/I0V3AAAAAXNSR0IArs4c6QAAANhJREFUOE+9kT1rAlEQRc/MCmLjz7G1tUphKTbpBFs16BpZXkyCuqRLbaFYWqSytc3PSRMC7jxRMMQP5KVxypm5M5dzJXap558ltxN13Vs5skxCHWYa+eDlv0el5yYzRXKhnwy/uSGI2KUZoKH2ANvZawDvgUIDmnt6PTepCzIFrgHZePz9y6A9/0Xef0qr5lkI5E+tevhRoTZ8bC13s6Oc+sm4YqpLgcJB6OFbzarDpLM69M7C7bpxWdEPoAh8GXb3Ouisj8K9RC1ORiU0WmBZ7Tl5+Dzd2QIFbkkh8PpnKgAAAABJRU5ErkJggg==') ;
    // background-repeat: no-repeat;

}

.ant-dropdown-open svg {
    color: @primary-color;
    // background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAPCAYAAAA/I0V3AAAAAXNSR0IArs4c6QAAAMZJREFUOE+9kb0KwkAQhGdUEBtfxpxtWisLS7GxE4Too3gH1hZKSgsrW1vj09iIkGQkghJ/kLPJlrs7u8M3NDYX/ixWKHIKlaX0dch6Q97L5aM0i2wN1hq+n6A8rRBEYPOMQM3XnoCcHasJoaWPsBAInN7pmYVGoFYAfgFJIY6TOTdP5MZpICkm0Hy3KuBKcphE3Bazl5yMVQ9QMWiVhBeAg2TG/aP3Ea5xCiHtALQBnEH2k4iHl3C/UQucupBikMNTxOP7zg3x4U00HiX/gwAAAABJRU5ErkJggg==');
}

.tab-extra:hover {
    // background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAPCAYAAAA/I0V3AAAAAXNSR0IArs4c6QAAAMZJREFUOE+9kb0KwkAQhGdUEBtfxpxtWisLS7GxE4Too3gH1hZKSgsrW1vj09iIkGQkghJ/kLPJlrs7u8M3NDYX/ixWKHIKlaX0dch6Q97L5aM0i2wN1hq+n6A8rRBEYPOMQM3XnoCcHasJoaWPsBAInN7pmYVGoFYAfgFJIY6TOTdP5MZpICkm0Hy3KuBKcphE3Bazl5yMVQ9QMWiVhBeAg2TG/aP3Ea5xCiHtALQBnEH2k4iHl3C/UQucupBikMNTxOP7zg3x4U00HiX/gwAAAABJRU5ErkJggg==');
}

.ant-modal-header {
    background-color: #ecf2f7 !important;
    border-bottom: none !important;
}

body *::-webkit-scrollbar {
    /* 滚动条整体样式 */
    width: 8px;
    /* 高宽分别对应横竖滚动条的尺寸 */
    height: 8px;
}

body *::-webkit-scrollbar-thumb {
    /* 滚动条里面小方块 */
    background-color: #d1cfcf;
    // background-image: -webkit-linear-gradient(
    //     45deg,
    //     rgba(255, 255, 255, 0.2) 25%,
    //     transparent 25%,
    //     transparent 50%,
    //     rgba(255, 255, 255, 0.2) 50%,
    //     rgba(255, 255, 255, 0.562) 75%,
    //     transparent 75%,
    //     transparent
    // );
    border-radius: 10px;
}

body *::-webkit-scrollbar-track {
    /* 滚动条里面轨道 */
    background: #ededed;
    border-radius: 10px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.01);
}

// 列表页左侧多选树
.pageTable-leftnav .ant-tree-list-holder {
    height: calc(100vh - 257px);
    padding-right: 0;
    padding-bottom: 0;
    overflow-y: auto;
}

.leftHeight .ant-tree-list-holder {
    height: 100% !important;
}

.leftHeight .ant-tree-list {
    height: 560px
}

.pageTable-leftnavs .ant-tree-list-holder {
    height: 580px;
    padding-right: 0;
    padding-bottom: 0;
    overflow-y: auto;
}

.pageTable-leftnav .ant-pro-card-header.ant-pro-card-header-border {
    padding-top: 29px;
}

.pageTable-leftnav .ant-pro-card-title {
    font-size: 14px;
}

.pageTable-leftnav .ant-pro-card-split-vertical {
    transition: width 0.3s;
}

.pageTable-leftnav .ant-tree .ant-tree-treenode {
    padding-bottom: 16px;
}

.pageTable-leftnavs .ant-tree .ant-tree-treenode {
    padding-bottom: 16px;
}

.ant-table-tbody>tr.tablerow-no-border>td {
    border-bottom: 0;
}

// prolist 卡片类型
.ant-pro-list .ant-pro-card-header {
    padding: 0 !important;
}

.ant-pro-list .ant-pro-card.ant-pro-card-border.ant-pro-card-hoverable>.ant-pro-card-body {
    margin: 0 !important;
    padding: 20px 0 0 0 !important;
}

.ant-pro-list .ant-pro-card.ant-pro-card-border>ul.ant-pro-card-actions {
    margin-top: 20px;
}

.ant-pro-list .ant-pro-card.ant-pro-card-border>ul.ant-pro-card-actions>li {
    margin: 0;
}

.ant-pro-list .ant-pro-card.ant-pro-card-border.ant-pro-card-hoverable>ul.ant-pro-card-actions>li,
.ant-pro-list .ant-pro-card .ant-pro-card-actions .ant-space-item {
    margin: 10px 0 0 0 !important;
}