diff --git a/apps/client/src/scenes/result/ResultScene.tsx b/apps/client/src/scenes/result/ResultScene.tsx index 436b79f..c1c9546 100644 --- a/apps/client/src/scenes/result/ResultScene.tsx +++ b/apps/client/src/scenes/result/ResultScene.tsx @@ -113,6 +113,11 @@ background: "rgba(16, 16, 16, 0.62)", }; +const RANKING_SCROLL_BODY_STYLE: CSSProperties = { + maxHeight: "min(52dvh, 420px)", + overflowY: "auto", +}; + const HEADER_ROW_STYLE: CSSProperties = { display: "grid", gridTemplateColumns: ROW_GRID_TEMPLATE, @@ -321,20 +326,25 @@ 塗り率 - {result.rankings.map((row, index) => ( -
- {row.rank}位 - - - {row.teamName} - - {formatPaintRate(row.paintRate)} -
- ))} +
+ {result.rankings.map((row, index) => ( +
+ {row.rank}位 + + + {row.teamName} + + {formatPaintRate(row.paintRate)} +
+ ))} +