fix displaing in webpage

This commit is contained in:
gitGnome
2026-04-01 13:46:54 +02:00
parent 589730ae5a
commit 77209fa347
+2 -2
View File
@@ -47,7 +47,7 @@ INDEX_HTML = """<!DOCTYPE HTML><html>
.container { max-width: 600px; margin: 0 auto; }
.display-wrapper { background: #0a0a0a; border-radius: 12px; padding: 12px; margin-bottom: 20px; overflow-x: auto; }
.display-grid { display: grid; grid-template-columns: repeat(48, 1fr); gap: 1px; width: 100%; aspect-ratio: 3/1; }
.dot { aspect-ratio: 1; border-radius: 50%; background: #111; }
.dot { aspect-ratio: 1; border-radius: 50%; background: #000; }
.controls { max-width: 400px; margin: 0 auto; }
.card { background: #16213e; border-radius: 12px; padding: 16px 20px; margin-bottom: 12px;
display: flex; align-items: center; justify-content: space-between; }
@@ -124,7 +124,7 @@ INDEX_HTML = """<!DOCTYPE HTML><html>
var c = px[y][x];
var idx = y * COLS + x;
if (c[0] === 0 && c[1] === 0 && c[2] === 0) {
dots[idx].style.background = "#111";
dots[idx].style.background = "#000";
} else {
dots[idx].style.background = "rgb(" + c[0] + "," + c[1] + "," + c[2] + ")";
}