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

Use native LinuxCNC homing and consolidate web panel status

Browse Source
This commit is contained in:
wangdequan
2026-09-09 12:28:02 +08:00
parent eb5c58cdb3
commit 0be2ee8ce1
35 changed files with 881 additions and 350 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -73,7 +73,7 @@ button { color: inherit; }
.machine-sequence-heading { display: grid; gap: 2px; min-width: 148px; }
.machine-sequence-heading strong { font-size: 12px; }
.machine-sequence-heading span { color: #555; font: 10px ui-monospace, monospace; }
.machine-sequence-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; min-width: 0; }
.machine-sequence-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; min-width: 0; padding: 8px; border-bottom: 1px solid #aaa; }
.machine-sequence-actions .axis-text-button { min-height: 28px; }
.machine-sequence-actions .axis-text-button:first-child { border-color: #9b4a4a; }
@@ -245,14 +245,6 @@ output { font: 12px ui-monospace, monospace; text-align: right; }
.visually-hidden-file-input { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.axis-layer-controls { display: flex; flex-wrap: wrap; gap: 8px 12px; margin-top: 4px; color: #4d4d4d; font-size: 11px; }
.axis-layer-controls input { margin: 0; }
.axis-info-bar { display: flex; align-items: stretch; width: 100%; min-width: 0; min-height: 27px; margin-top: auto; border-top: 1px solid #777; background: #c4c4c4; }
.axis-info-bar > span { display: flex; align-items: center; min-width: 0; min-height: 25px; padding: 2px 9px; overflow: hidden; border-right: 1px solid #999; font: 12px ui-monospace, monospace; text-overflow: ellipsis; white-space: nowrap; }
.task-state { min-width: 92px; background: #ececec; font-weight: 700 !important; }
.task-state.running { color: #145d1c; }
.task-state.blocked, .task-state.error { color: #9b111e; background: #f2d6d6; }
.tool-state { min-width: 0; flex: 1; }
.position-state { min-width: 230px; }
.footer-status { min-width: 180px; color: #505050; }
@media (max-width: 900px) {
.xyzac-control-band { grid-template-columns: 1fr; }
@@ -287,6 +279,7 @@ output { font: 12px ui-monospace, monospace; text-align: right; }
.dro-mode-row { font-size: 9px; }
.dro-row output { font-size: 13px; }
.dro-footer { flex-direction: column; gap: 3px; }
.axis-info-bar { flex-wrap: wrap; }
.position-state, .footer-status { min-width: 0; flex: 1; }
}
.machine-status { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 18px; padding: 6px 8px; border-bottom: 1px solid #999; min-width: 0; }
.machine-status-dimensions { display: flex; flex: 1 1 auto; flex-wrap: wrap; gap: 6px 18px; }
.machine-status-dimensions output { font-weight: bold; margin-left: 5px; }