File size: 1,393 Bytes
35e7795 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 | /* 种子问题管理模块样式 */
/* 确保动态加载容器占满父容器 */
#seed-question-management-container {
width: 100%;
flex: 1;
display: flex;
flex-direction: column;
min-height: 0;
overflow: hidden;
}
#seedQuestionManagementContent {
width: 100%;
flex: 1;
display: flex;
flex-direction: column;
min-height: 0;
overflow: hidden;
}
/* section-header 在 section-content-wrapper 内部时的样式 */
#seedQuestionManagementContent .section-header {
margin-bottom: 0;
padding: 24px 24px 24px 24px;
border-bottom: 1px solid #e0e0e0;
flex-shrink: 0;
}
#seedQuestionManagementContent .section-content {
flex: 1;
padding: 24px;
display: flex;
flex-direction: column;
min-height: 0;
overflow: hidden;
}
/* 表格容器应该可以滚动,占据可用空间 */
#seedQuestionManagementContent .section-content .table-container {
flex: 1;
overflow-y: auto;
overflow-x: auto;
min-height: 0;
}
/* 分页器固定在底部,不参与滚动 */
#seedQuestionManagementContent .section-content .pagination-container {
flex-shrink: 0;
margin-top: 16px;
}
/* 搜索输入框 */
#seedQuestionManagementContent .search-input {
width: 300px;
}
/* 响应式设计 */
@media (max-width: 768px) {
#seedQuestionManagementContent .search-input {
width: 100%;
}
}
|