.flowContainer { display: flex; width: 100%; height: 100%; position: relative; .orgContainer { position: relative; left: 0; top: 0; height: 100%; width: 250px; margin-right: 10px; transition-property: width; transition-duration: 0.5s; white-space: nowrap; .ant-card-body { height: 100%; padding: 12px 24px 24px 10px; } .processTitle { font-size: 15px; font-weight: bold; color: #333e51; padding-left: 14px; } .splitLine { width: 100%; color: #eeecec; } .listItem { display: flex; justify-content: space-between; align-items: center; padding: 8px 14px; line-height: 28px; font-size: 14px; font-weight: 400; color: #414e65; cursor: pointer; } .listHover { background-color: #f5f6f9; } .pickItem { background-color: #aed8fa; } .switcher { display: block; position: absolute; font-size: 18px; color: #1890ff !important; top: 50%; right: 2px; transform: translate(0%, -50%); z-index: 1; } } .orgContainerHide { width: 26px; } .processContainer { position: relative; width: 100%; height: 100%; min-width: 800px; background: white; .ant-table-wrapper { height: calc(100% - 52px); .ant-table { height: calc(100% - 50px); .ant-table-container { height: 100%; } } } .buttonList { display: flex; justify-content: flex-end; margin: 10px 10px 10px 0; .ant-btn { vertical-align: middle; line-height: 2px; } } .ant-table-pagination { padding-right: 12px; background: white; margin: 1px 0; padding: 8px; padding-right: 20px; } .ant-table-thead tr th { font-weight: 600; color: rgba(0, 0, 0, 0.85); } .ant-table-cell { text-align: center; overflow: hidden; white-space: nowrap; } // .ant-table-body { // height: calc(100vh - 210px); // border-right: white; // overflow: auto; // } .ant-pagination { z-index: 999; border-top: 1px solid #f0eded; } } } .ant-radio-wrapper { min-width: 150px; margin-bottom: 2px; } .doctorTable { margin-bottom: 16px; table { width: 100%; td { padding: 6px; border: 1px solid #e8e8e8; } thead { tr { font-weight: 600; background: #fafafa; } td { width: 12rem; } } tbody { tr:hover { background-color: #ededed; } } } } .buttonList { display: flex; justify-content: flex-end; margin-bottom: 15px; .ant-btn { display: flex; align-items: center; justify-content: center; margin-left: 10px; } } .timelimitBox { height: 600px; .ant-table-wrapper { height: 100%; .ant-table { // height: 100%; height: 500px; } } }