diff --git a/src/components/BulgarianSolitaire.tsx b/src/components/BulgarianSolitaire.tsx index 881ed45..8385049 100644 --- a/src/components/BulgarianSolitaire.tsx +++ b/src/components/BulgarianSolitaire.tsx @@ -269,9 +269,8 @@ const BulgarianSolitaire: React.FC = ({ showSocialShare key={box.id} draggable={!isPlaying} onDragStart={(e) => handleDragStart(e, box.id)} - className="w-8 h-8 bg-primary rounded cursor-move hover:bg-primary/80 transition-colors flex items-center justify-center text-primary-foreground text-xs font-medium" + className="w-8 h-8 bg-primary rounded cursor-move hover:bg-primary/80 transition-colors" > - {box.id + 1} ))} @@ -287,13 +286,14 @@ const BulgarianSolitaire: React.FC = ({ showSocialShare )} -
+
{columns.map((column, index) => (
handleDrop(e, index)} className="border border-muted-foreground rounded-lg min-h-[100px] w-12 p-1 bg-background/50 flex flex-col-reverse gap-1 transition-all duration-500" + style={{ flexBasis: `calc(${100/15}% - 0.25rem)`, minWidth: '48px' }} >
{index + 1} @@ -311,7 +311,6 @@ const BulgarianSolitaire: React.FC = ({ showSocialShare } ${isAnimating && highlightedBoxes.has(boxId) ? 'animate-pulse' : ''}`} title="Drag to move or double-click to return to container" > - {boxId + 1}
))}