fix: service-grid flex layout and station-b forEach arrow syntax error
station.html: revert .service-grid to flex-column (was accidentally set to grid auto-fill causing horizontal card layout and missing clock). station-b.html: add missing => in cols.forEach callback that crashed the entire script, preventing data load and canvas aurora animation.
This commit is contained in:
parent
b355e23b63
commit
9a37540857
|
|
@ -375,7 +375,7 @@
|
||||||
ctx.clearRect(0, 0, canvas.width, canvas.height);
|
ctx.clearRect(0, 0, canvas.width, canvas.height);
|
||||||
ctx.font = `${FONT_SIZE}px 'JetBrains Mono', monospace`;
|
ctx.font = `${FONT_SIZE}px 'JetBrains Mono', monospace`;
|
||||||
|
|
||||||
cols.forEach((col, i){
|
cols.forEach((col, i) => {
|
||||||
const x = i * FONT_SIZE;
|
const x = i * FONT_SIZE;
|
||||||
const band = getBandColor(x, t);
|
const band = getBandColor(x, t);
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -125,7 +125,7 @@
|
||||||
.spark-svg { width:100%;height:100%;overflow:visible; }
|
.spark-svg { width:100%;height:100%;overflow:visible; }
|
||||||
|
|
||||||
/* services */
|
/* services */
|
||||||
.service-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:8px;overflow-y:auto;flex:1; }
|
.service-grid { display:flex;flex-direction:column;gap:8px;overflow-y:auto;flex:1; }
|
||||||
.service-card { background:var(--surface2);border:1px solid var(--border2);border-radius:11px;padding:12px;display:flex;flex-direction:column;gap:6px; }
|
.service-card { background:var(--surface2);border:1px solid var(--border2);border-radius:11px;padding:12px;display:flex;flex-direction:column;gap:6px; }
|
||||||
.service-card-top { display:flex;align-items:center;justify-content:space-between; }
|
.service-card-top { display:flex;align-items:center;justify-content:space-between; }
|
||||||
.service-name { font-size:13px;font-weight:500; }
|
.service-name { font-size:13px;font-weight:500; }
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue