Fix N-Queens board issues
Fixes the disappearing board when the timer starts and increases the board size.
This commit is contained in:
parent
d050cbe520
commit
16ccffa5f4
1 changed files with 3 additions and 2 deletions
|
|
@ -269,10 +269,11 @@ const NQueensPuzzle: React.FC<NQueensPuzzleProps> = ({ showSocialShare = false }
|
||||||
<div className="lg:col-span-2 flex justify-center">
|
<div className="lg:col-span-2 flex justify-center">
|
||||||
<div className="inline-block">
|
<div className="inline-block">
|
||||||
<div
|
<div
|
||||||
className="grid border-2 border-border"
|
className="grid border-2 border-border bg-background"
|
||||||
style={{
|
style={{
|
||||||
gridTemplateColumns: `repeat(${currentBoardSize}, 1fr)`,
|
gridTemplateColumns: `repeat(${currentBoardSize}, 1fr)`,
|
||||||
aspectRatio: '1'
|
width: '500px',
|
||||||
|
height: '500px'
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
{Array.from({ length: currentBoardSize }, (_, row) =>
|
{Array.from({ length: currentBoardSize }, (_, row) =>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue