15 lines
1.5 KiB
CSS
15 lines
1.5 KiB
CSS
/* ── Background-job history panel ─────────────────────────────────────────── */
|
|
.background-jobs-list { display: flex; flex-direction: column; }
|
|
.background-job-row { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 10px 4px; border-bottom: 1px solid var(--border); font-size: 12px; }
|
|
.background-job-row:last-child { border-bottom: none; }
|
|
.background-job-main { min-width: 0; display: grid; grid-template-columns: auto auto; gap: 2px 8px; align-items: center; }
|
|
.background-job-main strong { font-size: 13px; }
|
|
.background-job-main code { color: var(--subtext); font-size: 10px; }
|
|
.background-job-detail, .background-job-meta { grid-column: 1 / -1; color: var(--subtext); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
.background-job-artifact { grid-column: 1 / -1; color: var(--accent); font-size: 11px; }
|
|
.background-job-row.is-error .background-job-detail { color: var(--red); }
|
|
.background-job-row.is-done .background-job-meta { color: var(--green, #22c55e); }
|
|
.background-job-actions { display: flex; align-items: center; gap: 9px; flex-shrink: 0; }
|
|
.background-job-retry-note { color: var(--subtext); font-size: 11px; white-space: nowrap; }
|
|
@media (max-width: 640px) { .background-job-row { align-items: flex-start; flex-direction: column; gap: 8px; } .background-job-actions { width: 100%; justify-content: space-between; } }
|