Styling stuff will add multilingual support
This commit is contained in:
+3
-4
@@ -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>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user