.score-query-page { height: 100%; min-height: 0; display: flex; flex-direction: column; } .score-query-page__card { flex: 1; min-height: 0; display: flex; flex-direction: column; } .score-query-page__card > .ant-card-body { flex: 1; min-height: 0; display: flex; flex-direction: column; padding: 12px 16px 16px; } .score-query-page__form.ant-form-inline { flex-shrink: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 4px; margin-bottom: 12px; } .score-query-page__form .ant-form-item { margin-inline-end: 12px; margin-bottom: 0; } .score-query-page__table-wrap { flex: 1; min-height: 0; display: flex; flex-direction: column; overflow: hidden; } .score-query-page__table-wrap > .ant-table-wrapper { flex: 1; min-height: 0; display: flex; flex-direction: column; } .score-query-page__table-wrap .ant-spin-nested-loading, .score-query-page__table-wrap .ant-spin-container { flex: 1; min-height: 0; display: flex; flex-direction: column; } .score-query-page__table-wrap .ant-table { flex: 1; min-height: 0; display: flex; flex-direction: column; } .score-query-page__table-wrap .ant-table-container { flex: 1; min-height: 0; overflow: hidden; } .score-query-page__table-wrap .ant-table-body { overflow: auto !important; } .score-query-page__table-wrap .ant-table-pagination { flex-shrink: 0; margin: 8px 0 0 !important; padding-top: 4px; justify-content: flex-end; }