mirror of
https://github.com/awatertrevi/infisical.git
synced 2026-10-08 17:28:18 +00:00
Improve random value generator modal UI
This commit is contained in:
@@ -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"
|
||||||
|
|||||||
Reference in New Issue
Block a user