chore: adjust PasswordField order
This commit is contained in:
parent
2b635e7426
commit
21e5244807
@ -29,14 +29,6 @@ export const PasswordField = (
|
|||||||
<FormControl>
|
<FormControl>
|
||||||
<FormLabel htmlFor="password">Password</FormLabel>
|
<FormLabel htmlFor="password">Password</FormLabel>
|
||||||
<InputGroup>
|
<InputGroup>
|
||||||
<InputRightElement>
|
|
||||||
<IconButton
|
|
||||||
variant="text"
|
|
||||||
aria-label={isOpen ? "Mask password" : "Reveal password"}
|
|
||||||
icon={isOpen ? <HiEyeOff /> : <HiEye />}
|
|
||||||
onClick={onClickReveal}
|
|
||||||
/>
|
|
||||||
</InputRightElement>
|
|
||||||
<Input
|
<Input
|
||||||
id="password"
|
id="password"
|
||||||
ref={inputRef}
|
ref={inputRef}
|
||||||
@ -46,6 +38,14 @@ export const PasswordField = (
|
|||||||
required
|
required
|
||||||
{...props}
|
{...props}
|
||||||
/>
|
/>
|
||||||
|
<InputRightElement>
|
||||||
|
<IconButton
|
||||||
|
variant="text"
|
||||||
|
aria-label={isOpen ? "Mask password" : "Reveal password"}
|
||||||
|
icon={isOpen ? <HiEyeOff /> : <HiEye />}
|
||||||
|
onClick={onClickReveal}
|
||||||
|
/>
|
||||||
|
</InputRightElement>
|
||||||
</InputGroup>
|
</InputGroup>
|
||||||
</FormControl>
|
</FormControl>
|
||||||
);
|
);
|
||||||
|
Loading…
Reference in New Issue
Block a user