| /* 数据库管理模块样式 */ | |
| /* 确保动态加载容器占满父容器 */ | |
| #dataset-management-container { | |
| width: 100%; | |
| flex: 1; | |
| display: flex; | |
| flex-direction: column; | |
| min-height: 0; | |
| overflow: hidden; | |
| } | |
| #datasetManagementContent { | |
| width: 100%; | |
| flex: 1; | |
| display: flex; | |
| flex-direction: column; | |
| min-height: 0; | |
| overflow: hidden; | |
| } | |
| /* section-header 在 section-content-wrapper 内部时的样式 */ | |
| #datasetManagementContent .section-header { | |
| margin-bottom: 0; | |
| padding: 24px 24px 24px 24px; | |
| border-bottom: 1px solid #e0e0e0; | |
| flex-shrink: 0; | |
| } | |
| #datasetManagementContent .section-content { | |
| flex: 1; | |
| padding: 0; | |
| display: flex; | |
| flex-direction: column; | |
| min-height: 0; | |
| overflow: hidden; | |
| } | |
| /* 标签页样式 */ | |
| #datasetManagementContent .tabs { | |
| display: flex; | |
| gap: 8px; | |
| margin: 0; | |
| padding: 0 24px; | |
| border-bottom: 1px solid #e0e0e0; | |
| flex-shrink: 0; | |
| background: white; | |
| } | |
| #datasetManagementContent .tab-btn { | |
| padding: 8px 16px; | |
| background: none; | |
| border: none; | |
| border-bottom: 2px solid transparent; | |
| cursor: pointer; | |
| color: #666; | |
| font-size: 14px; | |
| transition: all 0.2s; | |
| } | |
| #datasetManagementContent .tab-btn:hover { | |
| color: #1976d2; | |
| } | |
| #datasetManagementContent .tab-btn.active { | |
| color: #1976d2; | |
| border-bottom-color: #1976d2; | |
| font-weight: 600; | |
| } | |
| /* Tab内容 */ | |
| #datasetManagementContent .tab-content { | |
| display: none; | |
| flex: 1; | |
| flex-direction: column; | |
| min-height: 0; | |
| overflow: hidden; | |
| padding: 24px; | |
| } | |
| #datasetManagementContent .tab-content.active { | |
| display: flex; | |
| } | |
| /* 表格容器应该可以滚动,占据可用空间 */ | |
| #datasetManagementContent .tab-content .table-container { | |
| flex: 1; | |
| overflow-y: auto; | |
| overflow-x: auto; | |
| min-height: 0; | |
| } | |
| /* 分页器固定在底部,不参与滚动 */ | |
| #datasetManagementContent .tab-content .pagination-container { | |
| flex-shrink: 0; | |
| margin-top: 16px; | |
| } | |
| /* 筛选栏 */ | |
| #datasetManagementContent .filter-bar { | |
| display: flex; | |
| align-items: center; | |
| margin-bottom: 16px; | |
| flex-shrink: 0; | |
| } | |