Improve random value generator modal UI

This commit is contained in:
carlosmonastyrski
2025-04-16 08:04:41 -03:00
parent 9ae0880f50
commit 5ef5a5a107
@@ -145,18 +145,18 @@ const PasswordGeneratorModal = ({
<div className="mb-6"> <div className="mb-6">
<div className="mb-1 flex items-center justify-between"> <div className="mb-1 flex items-center justify-between">
<label htmlFor="password-length" className="text-sm text-bunker-300"> <label htmlFor="value-length" className="text-sm text-bunker-300">
Password length: {passwordOptions.length} Length: {passwordOptions.length}
</label> </label>
</div> </div>
<Slider <Slider
id="password-length" id="value-length"
min={minLength} min={minLength}
max={maxLength} max={maxLength}
value={passwordOptions.length} value={passwordOptions.length}
onChange={(value) => setPasswordOptions({ ...passwordOptions, length: value })} onChange={(value) => setPasswordOptions({ ...passwordOptions, length: value })}
className="mb-1" className="mb-1"
aria-labelledby="password-length-label" aria-labelledby="value-length-label"
/> />
</div> </div>
@@ -250,7 +250,7 @@ export const PasswordGenerator = ({
return ( return (
<> <>
<IconButton <IconButton
ariaLabel="generate password" ariaLabel="generate value"
colorSchema="primary" colorSchema="primary"
variant="outline_bg" variant="outline_bg"
size="sm" size="sm"