Jonas_Jones/BingoGenerator
1
0
Fork 0
mirror of https://github.com/JonasunderscoreJones/BingoGenerator.git synced 2025-10-22 22:09:18 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

migrated cells to buttons

Browse source
This commit is contained in:
Jonas_Jones 2025-03-25 22:51:51 +01:00
parent 35b2781ad6
commit 816322cc1b
1 changed files with 12 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

19
src/routes/+page.svelte
View file

@ -260,10 +260,12 @@ Bingo Item 25`;
text-align: center;
font-size: 18px; /* Base font size */
background-color: #fff;
color: black;
border-radius: 4px;
overflow: hidden;
word-wrap: break-word;
cursor: pointer;
margin: 0;
}
.bingo-cell.clicked {
@ -351,13 +353,16 @@ Bingo Item 25`;
<div class="bingo-grid" style="grid-template-columns: repeat({cols}, 1fr);">
{#each grid as row}
{#each row as cell}
<div
class="bingo-cell"
on:click={() => {cell.clicked = !cell.clicked; cellClicked();}}
class:clicked={cell.clicked}
>
{cell.value}
</div>
<button class="bingo-cell"
on:click={() => { cell.clicked = !cell.clicked; cellClicked(); }}
on:keydown={(event) => {
if (event.key === 'Enter' || event.key === ' ') { // Handle Enter or Space key
cell.clicked = !cell.clicked;
cellClicked();
}
}}
class:clicked={cell.clicked}
>{cell.value}</button>
{/each}
{/each}
</div>