113 lines
2.3 KiB
CSS
113 lines
2.3 KiB
CSS
/**
|
|
* 提示词模板管理页面样式
|
|
*/
|
|
|
|
.prompt-page {
|
|
--primary-color: var(--color-primary, #00684a);
|
|
--primary-hover: var(--color-primary-hover, #005a40);
|
|
--primary-light: rgba(0, 104, 74, 0.1);
|
|
--success-color: var(--color-success, #52c41a);
|
|
--warning-color: var(--color-warning, #faad14);
|
|
--error-color: var(--color-error, #ff4d4f);
|
|
}
|
|
|
|
/* 页面头部 */
|
|
.prompt-page .page-header {
|
|
@apply flex justify-between items-center mb-4;
|
|
}
|
|
|
|
.prompt-page .page-title {
|
|
@apply text-xl font-medium;
|
|
}
|
|
|
|
/* 搜索区域 */
|
|
.prompt-page .search-container {
|
|
@apply mb-4;
|
|
}
|
|
|
|
.prompt-page .search-form {
|
|
@apply flex flex-wrap items-end gap-4;
|
|
}
|
|
|
|
.prompt-page .search-field {
|
|
@apply flex-1 min-w-[200px];
|
|
}
|
|
|
|
.prompt-page .search-actions {
|
|
@apply flex items-center;
|
|
}
|
|
|
|
/* 数据表格 */
|
|
.prompt-page .table-container {
|
|
@apply overflow-x-auto;
|
|
}
|
|
|
|
/* 选择框focus状态 */
|
|
.prompt-page .form-select:focus {
|
|
@apply border-[#00684a] shadow-[0_0_0_2px_rgba(0,104,74,0.2)] outline-none;
|
|
}
|
|
|
|
/* 类型标签 */
|
|
.prompt-page .type-badge {
|
|
@apply inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium mr-1;
|
|
}
|
|
|
|
.prompt-page .type-extraction {
|
|
@apply bg-green-100 text-green-800;
|
|
}
|
|
|
|
.prompt-page .type-evaluation {
|
|
@apply bg-yellow-100 text-yellow-800;
|
|
}
|
|
|
|
.prompt-page .type-summary {
|
|
@apply bg-blue-100 text-blue-800;
|
|
}
|
|
|
|
.prompt-page .type-common {
|
|
@apply bg-purple-100 text-purple-800;
|
|
}
|
|
|
|
/* 状态标签 */
|
|
.prompt-page .status-badge {
|
|
@apply inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium text-center;
|
|
}
|
|
|
|
.prompt-page .status-active {
|
|
@apply bg-green-100 text-green-800;
|
|
}
|
|
|
|
.prompt-page .status-inactive {
|
|
@apply bg-red-100 text-red-800;
|
|
}
|
|
|
|
.prompt-page .status-system {
|
|
@apply bg-blue-100 text-blue-800;
|
|
}
|
|
|
|
/* 操作按钮 */
|
|
.prompt-page .operation-btn {
|
|
@apply !text-black inline-flex items-center px-3 py-1 text-sm rounded-md hover:bg-gray-100 transition-colors duration-150 ease-in-out hover:!text-[--color-primary];
|
|
}
|
|
|
|
.prompt-page .operation-btn i {
|
|
@apply mr-1;
|
|
}
|
|
|
|
/* 删除按钮 - 红色 */
|
|
.prompt-page .operation-btn.text-error {
|
|
@apply !text-red-600;
|
|
}
|
|
|
|
.prompt-page .operation-btn.text-error:hover {
|
|
@apply !text-red-700 bg-red-50;
|
|
}
|
|
|
|
/* 分页 */
|
|
.prompt-page .pagination-info {
|
|
@apply text-sm text-gray-500;
|
|
}
|
|
|
|
.prompt-page .pagination-controls {
|
|
@apply flex items-center;
|
|
} |