wangdequan/linuxcncWebWASM
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Show toolpath preview loading progress

Browse Source
This commit is contained in:
wangdequan
2026-08-30 20:54:07 +08:00
parent 902292f139
commit 2cda55e724
2 changed files with 81 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
web/react/src/styles.css
View File

@@ -58,6 +58,16 @@ button { color: inherit; }
.case-status { min-width: 0; flex: 1 1 auto; }
.case-status.loading { color: #805400; font-weight: 700; }
.command-status { margin-left: auto; }
.preview-load-indicator { display: flex; align-items: center; min-width: min(360px, 30vw); max-width: 420px; flex: 1 1 260px; gap: 6px; color: #805400; font: 10px ui-monospace, monospace; }
.preview-load-indicator span { min-width: 0; overflow: hidden; flex: 1 1 auto; text-overflow: ellipsis; white-space: nowrap; }
.preview-load-indicator progress { width: 124px; height: 12px; flex: 0 0 124px; accent-color: #9a6a13; }
.preview-load-indicator output { min-width: 4ch; color: #5a430f; text-align: right; }
.preview-load-indicator.ready { color: #185c1d; }
.preview-load-indicator.ready progress { accent-color: #3d7d45; }
.preview-load-indicator.ready output { color: #185c1d; }
.preview-load-indicator.error { color: #8b1010; }
.preview-load-indicator.error progress { accent-color: #a83232; }
.preview-load-indicator.error output { color: #8b1010; }
.machine-sequence { display: flex; align-items: center; gap: 12px; min-width: 0; padding: 6px 9px; border-bottom: 1px solid #858585; background: #cfcfcf; }
.machine-sequence-heading { display: grid; gap: 2px; min-width: 148px; }
@@ -245,6 +255,7 @@ output { font: 12px ui-monospace, monospace; text-align: right; }
.axis-brand span { display: none; }
.axis-case-strip { flex-wrap: wrap; }
.axis-case-strip select { max-width: 62vw; }
.preview-load-indicator { min-width: min(100%, 360px); flex-basis: 100%; }
.command-status { margin-left: 0; width: 100%; }
.machine-sequence { align-items: flex-start; flex-direction: column; gap: 5px; }
.machine-sequence-heading { min-width: 0; }