QALoop / qa_annotate /static /css /dataset-management.css
jackkuo's picture
Add Hugging Face Space deployment
35e7795
Raw
History Blame Contribute Delete
2.15 kB
/* 数据库管理模块样式 */
/* 确保动态加载容器占满父容器 */
#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;
}