nex_docus/frontend/src/pages/ProjectList/ProjectList.css

151 lines
2.9 KiB
CSS
Raw Normal View History

2026-04-08 17:03:57 +00:00
.project-list-card .ant-card-body {
display: flex;
flex-direction: column;
gap: 16px;
2025-12-20 11:18:59 +00:00
}
2026-04-08 17:03:57 +00:00
.project-results-section {
2025-12-20 11:18:59 +00:00
display: flex;
2026-04-08 17:03:57 +00:00
flex-direction: column;
gap: 12px;
2025-12-20 11:18:59 +00:00
}
2026-04-08 17:03:57 +00:00
.project-results-summary {
color: var(--text-color-secondary);
font-size: 14px;
}
.project-search-file-meta {
font-size: 12px;
color: var(--text-color-secondary);
2025-12-20 11:18:59 +00:00
}
.project-card {
text-align: center;
cursor: pointer;
transition: all 0.3s;
2025-12-29 12:53:50 +00:00
position: relative;
overflow: hidden;
2026-01-31 03:41:20 +00:00
background: var(--card-bg);
border-color: var(--border-color);
2025-12-20 11:18:59 +00:00
}
.project-card:hover {
transform: translateY(-4px);
2026-04-08 17:03:57 +00:00
box-shadow: var(--panel-shadow);
2025-12-20 11:18:59 +00:00
}
2025-12-29 12:53:50 +00:00
.project-card-public-badge {
position: absolute;
top: 8px;
right: -28px;
background: linear-gradient(135deg, #52c41a 0%, #389e0d 100%);
color: white;
padding: 2px 32px;
font-size: 11px;
font-weight: 500;
transform: rotate(45deg);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
z-index: 1;
}
2025-12-20 11:18:59 +00:00
.project-card-icon {
margin-bottom: 16px;
}
.project-card h3 {
font-size: 16px;
font-weight: 600;
margin-bottom: 8px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
2026-01-31 03:41:20 +00:00
color: var(--text-color);
2025-12-20 11:18:59 +00:00
}
.project-description {
font-size: 14px;
2026-01-31 03:41:20 +00:00
color: var(--text-color-secondary);
2025-12-20 11:18:59 +00:00
margin-bottom: 12px;
min-height: 40px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.project-meta {
font-size: 12px;
2026-01-31 03:41:20 +00:00
color: var(--text-color-secondary);
2025-12-20 11:18:59 +00:00
}
2026-02-11 02:26:50 +00:00
2026-08-05 14:18:25 +00:00
/* 知识库向量化弹窗:未配置向量模型时的提示条 */
.kb-warning-banner {
margin-bottom: 16px;
padding: 10px 14px;
border-radius: 8px;
background: #fff7e6;
border: 1px solid #ffe7ba;
color: #d46b08;
}
body.dark .kb-warning-banner {
background: rgba(250, 173, 20, 0.12);
border-color: rgba(250, 173, 20, 0.4);
color: #ffc53d;
}
2026-04-08 17:03:57 +00:00
.project-empty-state {
padding: 12px 0;
}
.project-list-pagination {
display: flex;
justify-content: center;
margin-top: 8px;
}
2026-02-11 02:26:50 +00:00
/* 圆点分页指示器样式 */
.dot-pagination.ant-pagination {
display: flex;
align-items: center;
}
.dot-pagination .ant-pagination-item {
border: none !important;
background: transparent !important;
min-width: 16px !important;
height: 16px !important;
line-height: 16px !important;
margin: 0 4px !important;
}
.dot-pagination .ant-pagination-item a {
display: none !important;
}
.dot-pagination .pagination-dot {
display: block;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: var(--text-color-secondary);
opacity: 0.3;
margin: 4px auto;
transition: all 0.3s;
}
.dot-pagination .ant-pagination-item-active .pagination-dot {
background-color: var(--link-color);
opacity: 1;
transform: scale(1.2);
}
.dot-pagination .ant-pagination-prev,
.dot-pagination .ant-pagination-next {
min-width: 24px !important;
height: 24px !important;
line-height: 24px !important;
}