.field{ width:100%; display: flex; justify-content: flex-start; flex-wrap: wrap; max-height: 20rem; overflow-y: scroll; .ant-card{ width: 80%; margin-left: 4rem; } .ant-card-head-title{ flex: none; } .ant-card-extra{ margin-left: 0.2rem; } .ant-card-body{ // padding: 0 ; height: 15rem; overflow-y: scroll; } } .containerBox { width: 100vm; height: calc(100vh - 90px) ; background: #ffffff; .ant-table.ant-table-small .ant-table-tbody .ant-table-wrapper:only-child .ant-table{ margin-left: 0; } .ant-table.ant-table-bordered > .ant-table-container{ border: none; } .clickRowStyle{ background: #cfe7fd; } .ant-table-thead tr th{ font-weight: 600; color:rgba(0,0,0,0.85); } } .paneTitle{ font-weight: bold; font-size: 18px; margin: 0 0 0.5rem 4rem; } .listEvent{ display: flex; } .cardList{ .ant-card-body{ overflow-y:none !important; } } .unit{ display: flex; margin-left: 1.1rem; align-items: center; } .listCard{ display: flex; .cardItem{ width: 50%; padding: 0.5rem; } .cardContent{ height: 25rem; overflow-y: scroll; width: 19.5rem; } .cardItemData{ padding: 1rem; border: 1px solid #b5b8c8; margin-bottom: 1rem; } } .sortable-ghost { border-bottom: 2px dashed #1890ff; } .doctorTable { margin-bottom: 16px; table { width: 100%; td { padding: 6px; border: 1px solid #e8e8e8; } thead { tr { font-weight: 600; background: #FAFAFA; } } tbody{ tr:hover{ background-color:#ededed ; } } } } .config{ display: flex; padding: 1rem 0 0.5rem 0.5rem; justify-content: space-between; width: calc(100% - 10px); .title{ font-size: 18px; color: rgba(0, 114, 255, 1); font-weight: bold; } .btn{ display: flex; justify-content: space-around; width: 20rem; } .ant-btn{ display: flex; align-items: center; } }