@root-entry-name: 'default'; @import '~antd/es/style/themes/index.less'; @ec-quota-select-prefix-cls: ~'@{ant-prefix}-ec-quota-select'; .@{ec-quota-select-prefix-cls} { &-btn-wrap { overflow: auto; button { margin-right: 20px; margin-bottom: 10px; } } } .@{ec-quota-select-prefix-cls}-modal { &-wrap { display: flex; height: 500px; } &-left { flex: 7; border-right: 1px solid rgba(0, 0, 0, 0.2); .empty { margin: 128px 0; } } &-right { flex: 3; } &-select-wrap { display: flex; align-items: center; justify-content: space-between; padding: 0 20px 0 0; } &-search { width: 160px; background-color: #eef1f9; border-radius: 15px; .@{ant-prefix}-input-prefix { color: #5a6c8a; } } &-search:hover { background-color: #eef1f9; } &-target { display: flex; align-items: center; margin: 0 10px 0 10px; white-space: nowrap; } &-select { display: flex; align-items: center; white-space: nowrap; span { margin-right: 6px; color: #52c41a; font-size: 16px; } } &-select.warning { color: #f0495d; span { color: #f0495d; } } &-option-wrap { height: calc(100% - 52px); overflow-y: auto; } &-class-title { position: relative; margin: 24px 20px 16px 0; padding: 0 0 16px 12px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); &:after { position: absolute; top: 3px; left: 0; width: 3px; height: 16px; background: #1890ff; content: ''; } } &-class-mark { margin-left: 5px; color: #aaaaaa; } .@{ant-prefix}-checkbox + span { display: flex; align-items: center; } &-number { margin-bottom: 10px; padding: 4px 0 10px 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); } &-tree { height: calc(100% - 47px); overflow-y: auto; .@{ant-prefix}-tree-treenode, .@{ant-prefix}-tree-node-content-wrapper { width: 100%; } } &-tree-title { display: flex; align-items: center; justify-content: space-between; width: 100%; } }