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

Visual edit in Lovable

Browse source 
Edited UI in Lovable
This commit is contained in:
gpt-engineer-app[bot] 2025-07-21 09:27:06 +00:00
parent 8711a69ee2
commit a335b3af6f
1 changed files with 8 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/components/KnightsPuzzle.tsx
View file

@ -218,15 +218,17 @@ const KnightsPuzzle = ({
{/* Red: Game rules */} {/* Red: Game rules */}
<Card className="bg-destructive/5 border-destructive/20"> <Card className="bg-destructive/5 border-destructive/20">
<CardHeader className="pb-3"> <CardHeader className="pb-3">
<CardTitle className="text-lg">How to Play</CardTitle>
</CardHeader> </CardHeader>
<CardContent> <CardContent>
<ul className="space-y-1 text-sm text-muted-foreground"> <ul className="space-y-1 text-sm text-muted-foreground">
<li>• Click on a knight to select it</li> <li>Click on a knight to select it, valid moves will be highlighted. Click on a highlighted square to move the knight to said square (knights move in an L-shape, like in chess).
<li>• Valid moves will be highlighted</li>
<li>• Click on a highlighted square to move</li> </li>
<li>• Goal: Swap white and black knights</li>
<li>• Knights move in an L-shape (like in chess)</li>
<li>Goal: Swap white and black knights</li>
</ul> </ul>
</CardContent> </CardContent>
</Card> </Card>