2 lines
9.3 KiB
CSS
2 lines
9.3 KiB
CSS
.monitor-actions[data-v-91b73178]{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:10px}.health-state[data-v-91b73178]{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:500;color:#606266}.health-dot[data-v-91b73178]{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 0 3px #10b9811f}.health-state.is-warning .health-dot[data-v-91b73178]{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b1f}.health-state.is-danger .health-dot[data-v-91b73178]{background:#ef4444;box-shadow:0 0 0 3px #ef44441f}.update-time[data-v-91b73178]{color:#909399;font-size:12px}.interval-select[data-v-91b73178]{width:78px}.load-alert[data-v-91b73178]{margin-bottom:16px}.performance-content[data-v-91b73178]{min-height:320px}.overview-grid[data-v-91b73178]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.overview-card[data-v-91b73178],.panel[data-v-91b73178],.gpu-card[data-v-91b73178]{border:1px solid #e4e7ed;border-radius:8px;background:#fff}.overview-card[data-v-91b73178]{position:relative;padding:18px;overflow:hidden}.metric-heading[data-v-91b73178]{display:flex;align-items:center;gap:10px;margin-bottom:14px}.metric-heading h3[data-v-91b73178],.metric-heading p[data-v-91b73178]{margin:0}.metric-heading h3[data-v-91b73178]{color:#303133;font-size:14px;font-weight:600}.metric-heading p[data-v-91b73178]{margin-top:2px;color:#909399;font-size:12px}.metric-icon[data-v-91b73178]{display:grid;width:34px;height:34px;place-items:center;border-radius:7px;font-size:15px}.metric-icon.is-cpu[data-v-91b73178]{color:#4f46e5;background:#eef2ff}.metric-icon.is-memory[data-v-91b73178]{color:#0ea5e9;background:#ecfeff}.metric-icon.is-disk[data-v-91b73178]{color:#10b981;background:#ecfdf5}.metric-icon.is-network[data-v-91b73178]{color:#f59e0b;background:#fffbeb}.metric-number[data-v-91b73178]{display:block;margin-bottom:10px;color:#1f2937;font-size:29px;line-height:1}.metric-number small[data-v-91b73178],.network-values small[data-v-91b73178],.gpu-primary small[data-v-91b73178]{margin-left:2px;color:#909399;font-size:13px;font-weight:500}.network-values[data-v-91b73178]{display:flex;flex-wrap:wrap;gap:12px 18px;min-height:38px;align-items:center}.network-values strong[data-v-91b73178]{color:#374151;font-size:17px}.network-values i[data-v-91b73178]{margin-right:3px;color:#10b981;font-size:12px}.network-values strong:last-child i[data-v-91b73178]{color:#f59e0b}.panel[data-v-91b73178]{padding:18px 20px}.resource-panel[data-v-91b73178]{margin-bottom:24px}.panel-heading[data-v-91b73178],.section-heading[data-v-91b73178]{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.panel-heading h2[data-v-91b73178],.panel-heading p[data-v-91b73178],.section-heading h2[data-v-91b73178],.section-heading p[data-v-91b73178]{margin:0}.panel-heading h2[data-v-91b73178],.section-heading h2[data-v-91b73178]{color:#303133;font-size:15px;font-weight:600}.panel-heading p[data-v-91b73178],.section-heading p[data-v-91b73178]{margin-top:4px;color:#909399;font-size:12px}.sample-count[data-v-91b73178]{color:#909399;font-size:12px}.resource-chart[data-v-91b73178]{height:260px;margin-top:8px}.gpu-section[data-v-91b73178]{margin-bottom:24px}.gpu-summary[data-v-91b73178]{min-width:100px;text-align:right}.gpu-summary span[data-v-91b73178]{display:block;color:#909399;font-size:12px}.gpu-summary strong[data-v-91b73178]{color:#303133;font-size:22px}.gpu-grid[data-v-91b73178]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:14px}.gpu-card[data-v-91b73178]{padding:16px;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.gpu-card[data-v-91b73178]:hover,.gpu-card[data-v-91b73178]:focus-visible{border-color:#a5b4fc;box-shadow:0 5px 16px #4f46e514;outline:none;transform:translateY(-1px)}.gpu-card-heading[data-v-91b73178]{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.gpu-identity[data-v-91b73178]{min-width:0}.gpu-index[data-v-91b73178]{display:inline-block;margin-bottom:4px;padding:2px 7px;border-radius:4px;color:#4338ca;background:#eef2ff;font-size:11px;font-weight:600}.gpu-identity h3[data-v-91b73178]{overflow:hidden;margin:0;color:#303133;font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.status-pill[data-v-91b73178]{display:inline-flex;flex:none;align-items:center;gap:5px;padding:3px 7px;border-radius:999px;color:#047857;background:#ecfdf5;font-size:11px}.status-pill i[data-v-91b73178]{width:6px;height:6px;border-radius:50%;background:currentColor}.status-pill.is-busy[data-v-91b73178]{color:#4338ca;background:#eef2ff}.status-pill.is-warning[data-v-91b73178]{color:#b45309;background:#fffbeb}.status-pill.is-danger[data-v-91b73178]{color:#b91c1c;background:#fef2f2}.gpu-primary[data-v-91b73178]{display:flex;align-items:baseline;justify-content:space-between;margin:17px 0 8px}.gpu-primary strong[data-v-91b73178]{color:#1f2937;font-size:25px}.gpu-primary span[data-v-91b73178]{color:#909399;font-size:11px}.gpu-metrics[data-v-91b73178]{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin:15px 0 0}.gpu-metrics div[data-v-91b73178]{min-width:0}.gpu-metrics dt[data-v-91b73178]{margin-bottom:2px;color:#909399;font-size:11px}.gpu-metrics dd[data-v-91b73178]{overflow:hidden;margin:0;color:#606266;font-size:12px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.gpu-metrics dd.is-warm[data-v-91b73178]{color:#b45309}.gpu-metrics dd.is-hot[data-v-91b73178]{color:#dc2626}.gpu-card-footer[data-v-91b73178]{margin:14px -16px -16px;padding:9px 16px;border-top:1px solid #f0f2f5;color:#909399;font-size:11px;text-align:right}.host-panel[data-v-91b73178]{padding-bottom:4px}.host-info-grid[data-v-91b73178]{display:grid;grid-template-columns:2fr 1.2fr 1fr 1fr;margin:15px 0 0}.host-info-grid>div[data-v-91b73178]{min-width:0;padding:0 18px 14px;border-left:1px solid #ebeef5}.host-info-grid>div[data-v-91b73178]:first-child{padding-left:0;border-left:0}.host-info-grid dt[data-v-91b73178]{margin-bottom:5px;color:#909399;font-size:12px}.host-info-grid dd[data-v-91b73178]{overflow:hidden;margin:0;color:#303133;font-size:13px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.drawer-heading[data-v-91b73178]{display:flex;width:100%;align-items:center;gap:12px}.drawer-heading .gpu-index[data-v-91b73178]{margin:0}.drawer-heading div[data-v-91b73178]{min-width:0;flex:1}.drawer-heading h2[data-v-91b73178],.drawer-heading p[data-v-91b73178]{margin:0}.drawer-heading h2[data-v-91b73178]{color:#303133;font-size:16px}.drawer-heading p[data-v-91b73178]{overflow:hidden;margin-top:3px;color:#909399;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.drawer-metrics[data-v-91b73178]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.drawer-metrics>div[data-v-91b73178]{min-width:0;padding:13px;border:1px solid #e4e7ed;border-radius:7px;background:#fafafa}.drawer-metrics span[data-v-91b73178],.drawer-metrics small[data-v-91b73178]{display:block;overflow:hidden;color:#909399;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.drawer-metrics strong[data-v-91b73178]{display:block;margin:6px 0 2px;color:#303133;font-size:20px}.drawer-section[data-v-91b73178]{margin-top:22px}.drawer-section-heading[data-v-91b73178]{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.drawer-section-heading h3[data-v-91b73178]{margin:0;color:#303133;font-size:14px}.drawer-section-heading span[data-v-91b73178]{color:#909399;font-size:11px}.gpu-detail-chart[data-v-91b73178]{height:230px;border:1px solid #ebeef5;border-radius:7px}.device-properties dl[data-v-91b73178]{display:grid;grid-template-columns:1fr 1fr;margin:0;border:1px solid #ebeef5;border-radius:7px}.device-properties dl>div[data-v-91b73178]{display:flex;min-width:0;justify-content:space-between;gap:14px;padding:11px 13px;border-bottom:1px solid #ebeef5}.device-properties dl>div[data-v-91b73178]:nth-last-child(-n+2){border-bottom:0}.device-properties dt[data-v-91b73178]{color:#909399;font-size:12px}.device-properties dd[data-v-91b73178]{overflow:hidden;margin:0;color:#303133;font-size:12px;text-overflow:ellipsis;white-space:nowrap}[data-v-91b73178] .gpu-detail-drawer .el-drawer__header{margin-bottom:0;padding-bottom:17px;border-bottom:1px solid #ebeef5}[data-v-91b73178] .gpu-detail-drawer .el-drawer__body{outline:none}@media(max-width:1280px){.overview-grid[data-v-91b73178],.gpu-grid[data-v-91b73178]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.monitor-actions[data-v-91b73178]{justify-content:flex-start}.update-time[data-v-91b73178]{width:100%}.host-info-grid[data-v-91b73178]{grid-template-columns:repeat(2,minmax(0,1fr))}.host-info-grid>div[data-v-91b73178]:nth-child(3){padding-left:0;border-left:0}.drawer-metrics[data-v-91b73178]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.overview-grid[data-v-91b73178],.gpu-grid[data-v-91b73178]{grid-template-columns:1fr}.resource-chart[data-v-91b73178]{height:230px}.section-heading[data-v-91b73178]{flex-direction:column}.gpu-summary[data-v-91b73178]{text-align:left}.host-info-grid[data-v-91b73178],.device-properties dl[data-v-91b73178]{grid-template-columns:1fr}.host-info-grid>div[data-v-91b73178]{padding-left:0;border-left:0}.device-properties dl>div[data-v-91b73178]{border-bottom:1px solid #ebeef5!important}.device-properties dl>div[data-v-91b73178]:last-child{border-bottom:0!important}}
|