diff --git a/server/server.js b/server/server.js index 9c52353..bba9e08 100644 --- a/server/server.js +++ b/server/server.js @@ -72,7 +72,7 @@ fluid.onMessage((msg) => { // Status polling ("?" every 200ms) setInterval(() => { fluid.requestStatus(); -}, 200); +}, 50); server.listen(config.server.port, () => { console.log("[Server] Running at:"); diff --git a/web/index.html b/web/index.html index ae2a44d..a4d8a74 100644 --- a/web/index.html +++ b/web/index.html @@ -17,7 +17,7 @@ #posBox { margin: 20px auto; - width: 300px; + width: 406px; padding: 15px; background: #333; border-radius: 10px; @@ -26,7 +26,7 @@ .btnGrid { display: grid; - grid-template-columns: repeat(3, 120px); + grid-template-columns: repeat(5, 80px); gap: 10px; justify-content: center; margin-top: 30px; @@ -45,6 +45,35 @@ button:hover { background: #666; } + + + .gcodeRow { + display: inline-flex; + gap: 8px; + align-items: stretch; + margin-top: 16px; + } + + .controlInput { + height: 48px; /* gleiche Höhe wie Button */ + font-size: 18px; + padding: 0 10px; /* vertikal 0, dadurch exakte Höhe */ + box-sizing: border-box; + border-radius: 8px; + border: 1px solid #555; + background: #fff; + color: #000; + min-width: 260px; /* optional: Breite ähnlich wie vorher */ + } + + .controlButton { + height: 48px; /* gleiche Höhe wie Input */ + padding: 0 18px; /* vertikal 0, zentriert via flex */ + display: inline-flex; + align-items: center; + justify-content: center; + } + @@ -61,17 +90,32 @@
+ + - - + + + + +
+ + +

G‑Code Eingabe

+
+ + +
+

+
+
-

G‑Code Eingabe

- -