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:
posimai 2026-04-02 10:20:53 +09:00
parent b355e23b63
commit 9a37540857
2 changed files with 2 additions and 2 deletions

View File

@ -375,7 +375,7 @@
ctx.clearRect(0, 0, canvas.width, canvas.height);
ctx.font = `${FONT_SIZE}px 'JetBrains Mono', monospace`;
cols.forEach((col, i){
cols.forEach((col, i) => {
const x = i * FONT_SIZE;
const band = getBandColor(x, t);

View File

@ -125,7 +125,7 @@
.spark-svg { width:100%;height:100%;overflow:visible; }
/* 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-top { display:flex;align-items:center;justify-content:space-between; }
.service-name { font-size:13px;font-weight:500; }