sepia/gomoku
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity

Fix styling on small screens

Browse source
This commit is contained in:
sepia 2025-07-23 20:53:27 -05:00
parent b8e880cd29
commit d70bb80c39
2 changed files with 10 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/view/board-renderer.ts
View file

@ -17,8 +17,8 @@ export function renderGameBoardHtml(
}
// Calculate top and left for absolute positioning, offset by half the intersection div size
const top = row * 30;
const left = col * 30;
const top = row * 7.142857142857142;
const left = col * 7.142857142857142;
// HTMX attributes for making a move
const wsAttrs = isPlayerToPlay && !stone ? `ws-send="click"` : '';
@ -29,7 +29,7 @@ export function renderGameBoardHtml(
class="intersection"
data-row="${row}"
data-col="${col}"
style="top: ${top}px; left: ${left}px;"
style="top: ${top}%; left: ${left}%;"
${wsAttrs}
>
${stoneHtml}