diff --git a/src/styles/prototype.css b/src/styles/prototype.css index 0e22040..400dd18 100644 --- a/src/styles/prototype.css +++ b/src/styles/prototype.css @@ -961,3 +961,48 @@ svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: pointer-events: auto; } +.command-progress-float { + position: absolute; + right: 18px; + bottom: 56px; + z-index: 36; + width: 280px; + padding: 12px 12px 10px; + border: 1px solid var(--line); + border-radius: 8px; + background: rgba(255,255,255,.96); + box-shadow: 0 10px 28px rgba(20, 34, 48, .18); + color: #334553; + pointer-events: auto; +} +.command-progress-float > header { + display: flex; + align-items: flex-start; + justify-content: space-between; + gap: 8px; + margin-bottom: 10px; +} +.command-progress-float > header strong { display: block; font-size: 13px; } +.command-progress-float > header small { color: var(--muted); font-size: 11px; } +.command-progress-float ol { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; } +.command-progress-float li { + display: grid; + grid-template-columns: 14px 1fr auto; + align-items: center; + gap: 8px; + min-height: 28px; + color: #7b8792; + font-size: 12px; +} +.command-progress-float li i { + width: 10px; height: 10px; border-radius: 50%; + border: 1.5px solid #c0CAD3; background: #fff; +} +.command-progress-float li.active { color: #1f5f9f; font-weight: 600; } +.command-progress-float li.active i { border-color: #2d82da; background: #2d82da; } +.command-progress-float li.done { color: #2f6b4f; } +.command-progress-float li.done i { border-color: #2f9d6a; background: #2f9d6a; } +.command-progress-float li.fail { color: #a53e45; } +.command-progress-float li.fail i { border-color: #c8454b; background: #c8454b; } +.command-progress-float li em { font-style: normal; color: var(--muted); font-size: 11px; } + diff --git a/src/views/MonitorView/MonitorView.vue b/src/views/MonitorView/MonitorView.vue index f57e2fd..f7a8923 100644 --- a/src/views/MonitorView/MonitorView.vue +++ b/src/views/MonitorView/MonitorView.vue @@ -80,6 +80,42 @@ 离线