Styling stuff will add multilingual support

This commit is contained in:
2024-06-29 15:49:24 +02:00
parent cc336b87d2
commit c4b63248e9
+3 -4
View File
@@ -257,12 +257,12 @@ export default function Component() {
</div> </div>
<div className="flex mt-10 space-x-4"> <div className="flex mt-10 space-x-4">
<Button onClick={startAnimation}>Start</Button> <Button onClick={startAnimation}>Start</Button>
<Button onClick={pauseAnimation} variant="outline" a>Pause</Button> <Button onClick={pauseAnimation} variant="outline">Pause</Button>
<Button onClick={resetAnimation}>Reset</Button> <Button onClick={resetAnimation}>Reset</Button>
<Button onClick={shuffleArray}>Shuffle</Button> <Button onClick={shuffleArray}>Shuffle</Button>
<DropdownMenu> <DropdownMenu>
<DropdownMenuTrigger> <DropdownMenuTrigger asChild>
{currentAlgorithm.charAt(0).toUpperCase() + currentAlgorithm.slice(1)} Sort <Button>{currentAlgorithm.charAt(0).toUpperCase() + currentAlgorithm.slice(1)} Sort</Button>
</DropdownMenuTrigger> </DropdownMenuTrigger>
<DropdownMenuContent> <DropdownMenuContent>
<DropdownMenuRadioGroup <DropdownMenuRadioGroup
@@ -326,4 +326,3 @@ function ArrowUpDownIcon(props) {
</svg> </svg>
) )
} }