2 lines
5.5 KiB
CSS
2 lines
5.5 KiB
CSS
.data-process-detail-page[data-v-2959b892]{width:100%;min-width:0}.detail-heading[data-v-2959b892]{width:100%}.detail-heading .heading-row[data-v-2959b892]{display:flex;align-items:center;gap:12px}.detail-heading h1[data-v-2959b892]{margin:0;color:#1f2937;font-size:20px;font-weight:600}.detail-heading>p[data-v-2959b892]{margin:8px 0 0;color:#64748b;font-size:13px}.heading-meta[data-v-2959b892]{margin:16px 0 0;display:flex;flex-wrap:wrap;gap:10px 30px}.heading-meta div[data-v-2959b892]{display:flex;gap:7px;font-size:12px}.heading-meta dt[data-v-2959b892]{color:#94a3b8}.heading-meta dd[data-v-2959b892]{margin:0;color:#475569;font-weight:500}.metric-grid[data-v-2959b892]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric-card[data-v-2959b892]{min-height:116px;padding:18px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;display:flex;flex-direction:column}.metric-card>span[data-v-2959b892]{color:#64748b;font-size:12px}.metric-card>strong[data-v-2959b892]{margin-top:10px;color:#1f2937;font-size:22px;font-weight:600}.metric-card>small[data-v-2959b892]{margin-top:auto;color:#94a3b8;font-size:12px}.metric-card[data-v-2959b892] .el-progress{margin-top:auto}.metric-card.is-primary[data-v-2959b892]{border-color:var(--el-color-primary-light-7);background:var(--el-color-primary-light-9)}.metric-card.is-primary>strong[data-v-2959b892]{color:var(--primary-color)}.failure-alert[data-v-2959b892]{margin-top:16px;padding:14px 16px;border:1px solid #fecaca;border-radius:8px;background:#fef2f2;color:#b91c1c;display:flex;gap:12px}.failure-alert>i[data-v-2959b892]{margin-top:2px}.failure-alert strong[data-v-2959b892]{font-size:13px}.failure-alert p[data-v-2959b892]{margin:4px 0 0;color:#7f1d1d;font-size:12px}.detail-grid[data-v-2959b892]{margin-top:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.detail-section[data-v-2959b892]{border:1px solid #e5e7eb;border-radius:8px;background:#fff;overflow:hidden}.section-heading[data-v-2959b892]{padding:16px 18px;border-bottom:1px solid #eef0f3}.section-heading h2[data-v-2959b892]{margin:0;color:#1f2937;font-size:15px;font-weight:600}.section-heading p[data-v-2959b892]{margin:4px 0 0;color:#94a3b8;font-size:12px}.info-list[data-v-2959b892]{margin:0;padding:4px 18px 12px}.info-list>div[data-v-2959b892]{min-height:44px;border-bottom:1px solid #f1f5f9;display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center}.info-list>div[data-v-2959b892]:last-child{border-bottom:0}.info-list>div dt[data-v-2959b892]{color:#64748b;font-size:12px}.info-list>div dd[data-v-2959b892]{margin:0;color:#334155;font-size:13px;text-align:right}.info-list>div[data-v-2959b892] .el-button{height:auto;padding:0}.statistics-grid[data-v-2959b892]{padding:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.statistics-grid>div[data-v-2959b892]{min-height:78px;padding:13px;border-radius:6px;background:#f8fafc;display:flex;flex-direction:column;gap:8px}.statistics-grid>div span[data-v-2959b892]{color:#64748b;font-size:12px}.statistics-grid>div strong[data-v-2959b892]{color:#1f2937;font-size:18px;font-weight:600}.config-section[data-v-2959b892],.result-section[data-v-2959b892]{margin-top:16px}.config-grid[data-v-2959b892]{margin:0;padding:8px 18px 16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px}.config-grid>div[data-v-2959b892]{min-height:48px;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between;gap:20px}.config-grid dt[data-v-2959b892]{color:#64748b;font-size:12px}.config-grid dd[data-v-2959b892]{margin:0;color:#334155;font-size:13px;text-align:right}.result-toolbar[data-v-2959b892]{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #eef0f3}.result-toolbar .section-heading[data-v-2959b892]{border-bottom:0}.result-filters[data-v-2959b892]{padding-right:18px;display:flex;gap:10px}.result-filters[data-v-2959b892] .el-input{width:250px}.result-filters[data-v-2959b892] .el-select{width:120px}.result-section[data-v-2959b892] .el-table{border-radius:0}.result-empty[data-v-2959b892],.not-found-state[data-v-2959b892]{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#94a3b8}.result-empty>i[data-v-2959b892],.not-found-state>i[data-v-2959b892]{margin-bottom:12px;color:var(--el-color-primary-light-5);font-size:30px}.result-empty strong[data-v-2959b892],.result-empty h2[data-v-2959b892],.not-found-state strong[data-v-2959b892],.not-found-state h2[data-v-2959b892]{margin:0;color:#475569;font-size:14px;font-weight:500}.result-empty span[data-v-2959b892],.result-empty p[data-v-2959b892],.not-found-state span[data-v-2959b892],.not-found-state p[data-v-2959b892]{margin:6px 0 16px;font-size:12px}.result-pagination[data-v-2959b892]{min-height:56px;padding:0 18px;border-top:1px solid #eef0f3;display:flex;align-items:center;justify-content:space-between}.result-pagination>span[data-v-2959b892]{color:#94a3b8;font-size:12px}.result-pagination[data-v-2959b892] .el-pagination{margin-top:0}@media(max-width:1100px){.metric-grid[data-v-2959b892]{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid[data-v-2959b892]{grid-template-columns:1fr}}@media(max-width:720px){.metric-grid[data-v-2959b892],.config-grid[data-v-2959b892]{grid-template-columns:1fr}.result-toolbar[data-v-2959b892]{align-items:stretch;flex-direction:column}.result-filters[data-v-2959b892]{padding:0 16px 16px;flex-direction:column}.result-filters[data-v-2959b892] .el-input,.result-filters[data-v-2959b892] .el-select{width:100%}.heading-meta[data-v-2959b892]{flex-direction:column;gap:6px}}
|