.container { width: 100%; height: 100%; background-color: #ffffff; padding: 0.8rem; display: flex; .ant-tabs-content { height: 100%; } .ant-table { min-height: 15rem !important; } .ant-table-thead tr th { font-weight: 600; color: rgba(0, 0, 0, 0.85); } overflow-y: scroll; .ant-input-number-input { background-color: #ffffff; color: #000000; } .ant-card-body { padding: 12px 24px 24px 25px; } } .imgList { display: flex; flex-wrap: wrap; } .imgItem { border: 3px solid#4699f4; border-radius: 5px; } .imgHidden { border: none; } .tileBtn { display: flex; justify-content: flex-end; width: 100%; padding: 0 0 2rem; } .schemeName { width: 68px; margin-right: 0.8rem; font-weight: bold; } .schemeItem, .schemeBtn { width: 302px; display: flex; align-items: center; } .schemeBtn1 { width: 260px; justify-content: center; display: flex; align-items: center; } .schemeBtn { width: 234px; justify-content: center; display: flex; align-items: center; } .mapItem { display: flex; border: 1px solid #ccc; border-radius: 4px; height: 2.2rem; align-items: center; margin: 0.5rem 0; // width: 14.5rem; } .mapItem1 { display: flex; border: 1px solid #ccc; border-radius: 4px; height: 2.2rem; align-items: center; margin: 0.5rem 0; width: 18.8rem; } .defaultTile { background: #ccc; color: white; cursor: pointer; height: 100%; display: flex; align-items: center; width: 3rem; justify-content: center; } .defaultTile1 { background: #4699f4; color: white; height: 100%; display: flex; align-items: center; width: 41px; justify-content: center; } .mapText { width: 14rem; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 5px; padding-right: 5px; } .mapText1 { width: 13rem; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 5px; padding-right: 5px; } .mapIcon { margin-left: 4px; display: flex; justify-content: center; align-items: center; cursor: pointer; margin-top: 5px; } .mapIcon1 { margin-left: 4px; display: flex; justify-content: center; align-items: center; cursor: pointer; margin-top: 5px; } .activeTile { background-color: #4699f4; } .dropList { position: absolute; right: 2%; top: 25%; color: rgba(0, 0, 0, 0.25); z-index: 99; } .divider { display: flex; align-items: center; line-height: 100%; padding: 0.5rem; .dividerIcon { margin-left: 0.8rem; color: #4699f4; cursor: pointer; } } .cardsList { display: flex; flex-wrap: wrap; height: 100%; overflow-y: scroll; } .cardsList1 { display: flex; flex-wrap: wrap; } .cardItem { width: 21rem; height: 22rem; margin: 0 2rem; } .pipeNetwork { height: 100%; .ant-table-wrapper { height: 100%; .ant-table { height: calc(100% - 65px); .ant-table-container { height: 100%; } } } .ant-table-body { height: 100%; border-right: 1px solid #f0f0f0; overflow: auto; } } .tileContainer { height: 100%; overflow-y: scroll; .ant-table-wrapper { height: 100%; .ant-table { height: calc(100% - 65px); .ant-table-container { height: 100%; } } } .ant-table-body { height: 100%; border-right: 1px solid #f0f0f0; overflow: auto; } } .TileConfigContainer { .ant-card-head { background-color: #ecf5ff; } } .solutionContainer { .ant-table-body { height: calc(100vh - 250px) !important; border-bottom: 1px solid #f0f0f0; } } .titleText { width: 700px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .title1 { display: flex; align-items: center; width: 100%; } // .solutionConfig { // height: calc(100% - 30px); // } .treeHeight { .ant-tree-list-holder { overflow: auto; height: 638px !important; } } .clickRowStyle { background: #cfe7fd; } // .solutionConfig { // height: calc(100% - 30px); // } .schemeBox { height: calc(100% - 51px); }