From 9a37540857168f818bc45b34549dd22619987bf6 Mon Sep 17 00:00:00 2001 From: posimai Date: Thu, 2 Apr 2026 10:20:53 +0900 Subject: [PATCH] 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. --- posimai-dev/station-b.html | 2 +- posimai-dev/station.html | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/posimai-dev/station-b.html b/posimai-dev/station-b.html index 717a4448..86dbb170 100644 --- a/posimai-dev/station-b.html +++ b/posimai-dev/station-b.html @@ -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); diff --git a/posimai-dev/station.html b/posimai-dev/station.html index 5359605c..8d6db86c 100644 --- a/posimai-dev/station.html +++ b/posimai-dev/station.html @@ -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; }