Files
Document_Translator/frontend/dist/css/JobListView-758af797.css
2025-09-02 10:31:35 +08:00

2 lines
8.4 KiB
CSS

.job-list-view .filters-section .filters-row[data-v-7a02c778]{display:flex;align-items:center;gap:24px;margin-bottom:16px;flex-wrap:wrap}.job-list-view .filters-section .filters-row .filter-group[data-v-7a02c778]{display:flex;align-items:center;gap:8px}.job-list-view .filters-section .filters-row .filter-group label[data-v-7a02c778]{font-size:14px;color:var(--el-text-color-regular);white-space:nowrap}.job-list-view .filters-section .filters-row .filter-actions[data-v-7a02c778]{margin-left:auto;display:flex;gap:8px}@media (max-width: 768px){.job-list-view .filters-section .filters-row .filter-actions[data-v-7a02c778]{margin-left:0;width:100%}}.job-list-view .filters-section .stats-row[data-v-7a02c778]{display:flex;gap:24px;padding:12px 16px;background-color:var(--el-fill-color-lighter);border-radius:6px;flex-wrap:wrap}.job-list-view .filters-section .stats-row .stat-item[data-v-7a02c778]{display:flex;align-items:center;gap:4px;font-size:13px}.job-list-view .filters-section .stats-row .stat-item .stat-label[data-v-7a02c778]{color:var(--el-text-color-regular)}.job-list-view .filters-section .stats-row .stat-item .stat-value[data-v-7a02c778]{font-weight:600;color:var(--el-text-color-primary)}.job-list-view .filters-section .stats-row .stat-item .stat-value.stat-pending[data-v-7a02c778]{color:var(--el-color-info)}.job-list-view .filters-section .stats-row .stat-item .stat-value.stat-processing[data-v-7a02c778]{color:var(--el-color-primary)}.job-list-view .filters-section .stats-row .stat-item .stat-value.stat-completed[data-v-7a02c778]{color:var(--el-color-success)}.job-list-view .filters-section .stats-row .stat-item .stat-value.stat-failed[data-v-7a02c778]{color:var(--el-color-danger)}.job-list-view .jobs-grid[data-v-7a02c778]{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}@media (max-width: 480px){.job-list-view .jobs-grid[data-v-7a02c778]{grid-template-columns:1fr}}.job-list-view .jobs-grid .job-card[data-v-7a02c778]{border:1px solid var(--el-border-color-lighter);border-radius:8px;padding:16px;background:var(--el-bg-color);cursor:pointer;transition:all .3s ease}.job-list-view .jobs-grid .job-card[data-v-7a02c778]:hover{border-color:var(--el-color-primary);box-shadow:0 2px 12px #0000001a;transform:translateY(-1px)}.job-list-view .jobs-grid .job-card .job-header[data-v-7a02c778]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.job-list-view .jobs-grid .job-card .job-header .job-title-section[data-v-7a02c778]{display:flex;align-items:flex-start;gap:12px;flex:1;min-width:0}.job-list-view .jobs-grid .job-card .job-header .job-title-section .file-icon[data-v-7a02c778]{width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;flex-shrink:0}.job-list-view .jobs-grid .job-card .job-header .job-title-section .file-icon.docx[data-v-7a02c778],.job-list-view .jobs-grid .job-card .job-header .job-title-section .file-icon.doc[data-v-7a02c778]{background-color:#2b579a}.job-list-view .jobs-grid .job-card .job-header .job-title-section .file-icon.pptx[data-v-7a02c778],.job-list-view .jobs-grid .job-card .job-header .job-title-section .file-icon.ppt[data-v-7a02c778]{background-color:#d24726}.job-list-view .jobs-grid .job-card .job-header .job-title-section .file-icon.xlsx[data-v-7a02c778],.job-list-view .jobs-grid .job-card .job-header .job-title-section .file-icon.xls[data-v-7a02c778]{background-color:#207245}.job-list-view .jobs-grid .job-card .job-header .job-title-section .file-icon.pdf[data-v-7a02c778]{background-color:red}.job-list-view .jobs-grid .job-card .job-header .job-title-section .job-title-info[data-v-7a02c778]{flex:1;min-width:0}.job-list-view .jobs-grid .job-card .job-header .job-title-section .job-title-info .job-title[data-v-7a02c778]{font-weight:600;color:var(--el-text-color-primary);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-list-view .jobs-grid .job-card .job-header .job-title-section .job-title-info .job-meta[data-v-7a02c778]{display:flex;gap:12px;font-size:12px;color:var(--el-text-color-secondary)}.job-list-view .jobs-grid .job-card .job-languages[data-v-7a02c778]{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:13px}.job-list-view .jobs-grid .job-card .job-languages .language-info[data-v-7a02c778]{display:flex;align-items:center;gap:4px}.job-list-view .jobs-grid .job-card .job-languages .language-info .language-label[data-v-7a02c778]{color:var(--el-text-color-secondary);font-size:12px}.job-list-view .jobs-grid .job-card .job-languages .language-arrow[data-v-7a02c778]{color:var(--el-text-color-placeholder);font-size:12px}.job-list-view .jobs-grid .job-card .job-languages .language-tag[data-v-7a02c778]{display:inline-block;padding:2px 6px;border-radius:3px;font-size:11px;font-weight:500}.job-list-view .jobs-grid .job-card .job-languages .language-tag.source[data-v-7a02c778]{background-color:var(--el-color-info-light-8);color:var(--el-color-info);border:1px solid var(--el-color-info-light-5)}.job-list-view .jobs-grid .job-card .job-languages .language-tag.target[data-v-7a02c778]{background-color:var(--el-color-primary-light-8);color:var(--el-color-primary);border:1px solid var(--el-color-primary-light-5);margin-right:4px}.job-list-view .jobs-grid .job-card .job-languages .language-tag.target[data-v-7a02c778]:last-child{margin-right:0}.job-list-view .jobs-grid .job-card .job-languages .language-tags[data-v-7a02c778]{display:flex;flex-wrap:wrap;gap:2px}.job-list-view .jobs-grid .job-card .job-status-section[data-v-7a02c778]{margin-bottom:12px}.job-list-view .jobs-grid .job-card .job-status-section .status-info[data-v-7a02c778]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.job-list-view .jobs-grid .job-card .job-status-section .status-info .status-badge[data-v-7a02c778]{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.job-list-view .jobs-grid .job-card .job-status-section .status-info .status-badge.pending[data-v-7a02c778]{background-color:var(--el-color-info-light-9);color:var(--el-color-info);border:1px solid var(--el-color-info-light-5)}.job-list-view .jobs-grid .job-card .job-status-section .status-info .status-badge.processing[data-v-7a02c778]{background-color:var(--el-color-primary-light-9);color:var(--el-color-primary);border:1px solid var(--el-color-primary-light-5)}.job-list-view .jobs-grid .job-card .job-status-section .status-info .status-badge.completed[data-v-7a02c778]{background-color:var(--el-color-success-light-9);color:var(--el-color-success);border:1px solid var(--el-color-success-light-5)}.job-list-view .jobs-grid .job-card .job-status-section .status-info .status-badge.failed[data-v-7a02c778]{background-color:var(--el-color-danger-light-9);color:var(--el-color-danger);border:1px solid var(--el-color-danger-light-5)}.job-list-view .jobs-grid .job-card .job-status-section .status-info .status-badge.retry[data-v-7a02c778]{background-color:var(--el-color-warning-light-9);color:var(--el-color-warning);border:1px solid var(--el-color-warning-light-5)}.job-list-view .jobs-grid .job-card .job-status-section .status-info .retry-count[data-v-7a02c778]{font-size:11px;color:var(--el-text-color-secondary)}.job-list-view .jobs-grid .job-card .job-status-section .job-progress .progress-info[data-v-7a02c778]{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:12px;color:var(--el-text-color-regular)}.job-list-view .jobs-grid .job-card .job-status-section .error-message[data-v-7a02c778]{display:flex;align-items:center;gap:4px;padding:6px 8px;background-color:var(--el-color-danger-light-9);border:1px solid var(--el-color-danger-light-5);border-radius:4px;color:var(--el-color-danger);font-size:12px;margin-top:6px}.job-list-view .jobs-grid .job-card .job-footer .job-info-grid[data-v-7a02c778]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;font-size:12px}.job-list-view .jobs-grid .job-card .job-footer .job-info-grid .info-item[data-v-7a02c778]{display:flex;justify-content:space-between}.job-list-view .jobs-grid .job-card .job-footer .job-info-grid .info-item .info-label[data-v-7a02c778]{color:var(--el-text-color-secondary)}.job-list-view .jobs-grid .job-card .job-footer .job-info-grid .info-item .info-value[data-v-7a02c778]{color:var(--el-text-color-primary);font-weight:500}.job-list-view .pagination-section[data-v-7a02c778]{margin-top:24px;display:flex;justify-content:center}.loading-state[data-v-7a02c778]{padding:24px 0}