2 lines
12 KiB
CSS
2 lines
12 KiB
CSS
 
|
.vehicle-monitor[data-v-058df7b7]{display:flex;flex-direction:column;gap:10px;min-height:0;height:100%}.overview-row[data-v-058df7b7]{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;flex:none}.overview-item[data-v-058df7b7]{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:6px 4px;text-align:center;transition:var(--mg-transition, all .2s ease)}.overview-item[data-v-058df7b7]:hover{background:rgba(var(--mg-accent-rgb, 142, 200, 252),.14);border-color:rgba(var(--mg-accent-rgb, 142, 200, 252),.4)}.overview-num[data-v-058df7b7]{font-size:18px;font-weight:600;color:#fff;line-height:1.2}.overview-num.online[data-v-058df7b7]{color:var(--mg-accent);text-shadow:0 0 12px rgba(var(--mg-accent-rgb),.55)}.overview-num.running[data-v-058df7b7]{color:#b6e7a3;text-shadow:0 0 12px rgba(103,194,58,.45)}.overview-num.charging[data-v-058df7b7]{color:var(--mg-primary-hover);text-shadow:0 0 12px rgba(var(--mg-primary-hover-rgb),.55)}.overview-num.fault[data-v-058df7b7]{color:#ff9bb8;text-shadow:0 0 12px rgba(245,108,108,.5)}.overview-label[data-v-058df7b7]{font-size:11px;color:#ffffffb3;margin-top:2px}.toolbar[data-v-058df7b7]{display:flex;gap:6px;flex:none}.toolbar .search[data-v-058df7b7]{flex:1;min-width:0}.toolbar .filter[data-v-058df7b7]{width:100px;flex:none}.vehicle-list[data-v-058df7b7]{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding-right:2px}.vehicle-row[data-v-058df7b7]{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 10px;cursor:pointer;display:flex;flex-direction:column;gap:4px;transition:all .18s ease}.vehicle-row[data-v-058df7b7]:hover{background:rgba(var(--mg-accent-rgb, 142, 200, 252),.12);border-color:rgba(var(--mg-accent-rgb, 142, 200, 252),.35)}.vehicle-row.is-selected[data-v-058df7b7]{background:#6d28d952;border-color:#a78bfabf;box-shadow:inset 3px 0 #c4b5fdf2}.vehicle-head[data-v-058df7b7]{display:flex;align-items:center;justify-content:space-between;gap:8px}.vehicle-id-name[data-v-058df7b7]{display:flex;align-items:baseline;gap:6px;min-width:0}.vid[data-v-058df7b7]{font-size:12px;color:#ffffffb3;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;flex:none}.vname[data-v-058df7b7]{color:#fff;font-weight:600;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.state-tag[data-v-058df7b7]{display:inline-flex;align-items:center;gap:4px;flex:none}.dot[data-v-058df7b7]{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor}.dot-running[data-v-058df7b7]{color:#6fcd45;box-shadow:0 0 8px #6fcd45;animation:pulse-058df7b7 1.5s infinite}.dot-charging[data-v-058df7b7]{color:var(--mg-primary-hover);box-shadow:0 0 8px var(--mg-primary-hover)}.dot-paused[data-v-058df7b7]{color:#e6a23c;box-shadow:0 0 6px #e6a23c}.dot-fault[data-v-058df7b7]{color:#ff7396;box-shadow:0 0 8px #ff7396;animation:pulse-058df7b7 .9s infinite}.dot-offline[data-v-058df7b7]{color:#ffffff59}.dot-idle[data-v-058df7b7]{color:var(--mg-accent);box-shadow:0 0 6px rgba(var(--mg-accent-rgb),.6)}@keyframes pulse-058df7b7{0%,to{opacity:1}50%{opacity:.35}}.vehicle-meta[data-v-058df7b7]{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;line-height:1.3}.meta-item[data-v-058df7b7]{white-space:nowrap}.battery-row[data-v-058df7b7],.mission-row[data-v-058df7b7]{display:flex;align-items:center;gap:8px;font-size:12px}.battery-label[data-v-058df7b7],.mission-label[data-v-058df7b7]{width:32px;color:#ffffffa6;flex:none}.battery-bar[data-v-058df7b7]{flex:1;min-width:0}.battery-bar[data-v-058df7b7] .el-progress-bar__outer{background:#ffffff1a}.battery-text[data-v-058df7b7]{width:38px;text-align:right;font-variant-numeric:tabular-nums;font-weight:600;flex:none}.battery-text.low[data-v-058df7b7]{color:#f56c6c}.battery-text.mid[data-v-058df7b7]{color:#e6a23c}.battery-text.high[data-v-058df7b7]{color:#67c23a}.mission-name[data-v-058df7b7]{flex:1;min-width:0;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mission-name.muted[data-v-058df7b7]{color:#ffffff80}.mission-tag[data-v-058df7b7]{flex:none
|