.modalContainer { .ant-modal-body { padding: 0; } .ant-modal-header { padding: 28px 16px; } .pageContent { display: flex; height: 100%; .optionalList { position: relative; width: 68%; border-right: 1px solid #e7e7e7; .title { position: absolute; left: 17px; top: 10px; font-weight: 700; font-size: 14px; z-index: 1; color: #00070d; } .tabContent { height: 590px; .ant-tabs-content-holder { height: 523px; } } .searchInput { position: absolute; width: 200px; z-index: 1; top: 3px; right: 40px; .anticon svg { margin-top: 0px; } .ant-input, .ant-input-affix-wrapper { border-top-left-radius: 20px; border-bottom-left-radius: 20px; } .ant-input-group-addon { border-top-right-radius: 20px; border-bottom-right-radius: 20px; } .ant-input-search-button { width: 40px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; } } .checkContent { display: flex; flex-wrap: wrap; margin-left: 32px; height: 525px; overflow-y: scroll; .check { .ant-checkbox-wrapper { width: 180px; margin-bottom: 10px; margin-left: 6px; } .ant-checkbox-wrapper span { max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } } .footer { padding-left: 25px; .ant-pagination { border: none; } } .ant-tabs-nav { background-color: #f2f1f1; } .ant-tabs-tab { background-color: #f2f1f1; color: #666666; border-top-left-radius: 5px; border-top-right-radius: 5px; } .ant-tabs-tab-active { background-color: #fff; color: #1685ff; border-top-left-radius: 5px; border-top-right-radius: 5px; } } .selectedList { position: relative; width: 40%; .header { height: 40px; width: 100%; background-color: #f2f1f1; .title { position: absolute; left: 17px; top: 10px; font-weight: 700; font-size: 14px; z-index: 1; color: #00070d; } .tagHead { display: flex; position: absolute; top: 10px; left: 88px; .tagContent { display: flex; align-items: center; margin-right: 11px; } .tagRol, .tagOrg, .tagSite { width: 10px; height: 3px; margin-right: 5px; } .tagRol { background-color: #87e8de; } .tagOrg { background-color: #ffd591; } .tagSite { background-color: #a785dd; } } } .selectBox { height: 528px; padding: 10px; overflow-y: scroll; .selectContent { display: flex; flex-wrap: wrap; flex-direction: row; .selectValue { margin-bottom: 15px; } } } } } .ant-empty-normal { margin: auto; } .ant-divider-horizontal { margin-top: 0px; margin-bottom: 10px; } }