Websites/interactives
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Remove yellow background from bottom-right corner

Browse source
This commit is contained in:
Neeldhara Misra 2025-07-22 10:33:39 +05:30
parent 8018d8ec68
commit da3139c856
1 changed files with 2 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/components/ChessboardRepaintPuzzle.tsx
View file

@ -221,7 +221,6 @@ const ChessboardRepaintPuzzle: React.FC<ChessboardRepaintPuzzleProps> = ({ showS
transition-all duration-200 hover:scale-105 transition-all duration-200 hover:scale-105
${isBlack ? 'bg-gray-800' : 'bg-gray-100'} ${isBlack ? 'bg-gray-800' : 'bg-gray-100'}
${isAffected ? 'border-2 border-red-500' : ''} ${isAffected ? 'border-2 border-red-500' : ''}
${isBottomRight ? 'bg-yellow-50' : ''}
`} `}
title={isBottomRight ? `Hover for 3s to switch mode (current: ${bottomRightMode})` : undefined} title={isBottomRight ? `Hover for 3s to switch mode (current: ${bottomRightMode})` : undefined}
/> />
@ -320,10 +319,7 @@ const ChessboardRepaintPuzzle: React.FC<ChessboardRepaintPuzzleProps> = ({ showS
<div className="w-5 h-5 border-2 border-red-500"></div> <div className="w-5 h-5 border-2 border-red-500"></div>
<span>Hover to preview affected squares</span> <span>Hover to preview affected squares</span>
</div> </div>
<div className="flex items-center gap-2">
<div className="w-5 h-5 bg-yellow-50 border border-gray-300"></div>
<span>Bottom-right corner (switchable mode)</span>
</div>
</div> </div>
</div> </div>
</CardContent> </CardContent>
@ -355,7 +351,7 @@ const ChessboardRepaintPuzzle: React.FC<ChessboardRepaintPuzzleProps> = ({ showS
<li><strong>Repaint a 2×2 square:</strong> Click any square to flip all four squares in the 2×2 region with that square as the top-left corner.</li> <li><strong>Repaint a 2×2 square:</strong> Click any square to flip all four squares in the 2×2 region with that square as the top-left corner.</li>
<li><strong>Repaint a row:</strong> Click any square in the rightmost column to flip all squares in that entire row.</li> <li><strong>Repaint a row:</strong> Click any square in the rightmost column to flip all squares in that entire row.</li>
<li><strong>Repaint a column:</strong> Click any square in the bottom row to flip all squares in that entire column.</li> <li><strong>Repaint a column:</strong> Click any square in the bottom row to flip all squares in that entire column.</li>
<li><strong>Bottom-right corner:</strong> Hover for 3 seconds to switch between row and column mode. The corner square is highlighted in light yellow.</li> <li><strong>Bottom-right corner:</strong> Hover for 3 seconds to switch between row and column mode.</li>
<li><strong>Preview:</strong> Hover over any square to see which squares will be affected (highlighted with red border).</li> <li><strong>Preview:</strong> Hover over any square to see which squares will be affected (highlighted with red border).</li>
<li><strong>Goal:</strong> Achieve exactly one black square on the entire board.</li> <li><strong>Goal:</strong> Achieve exactly one black square on the entire board.</li>
</ol> </ol>