password input eye

pull/712/head
Anton Mushnin 2022-11-17 19:47:38 +03:00
rodzic 9a8961e3e3
commit b53b0d4952
3 zmienionych plików z 10 dodań i 4 usunięć

Wyświetl plik

@ -5,11 +5,11 @@
<g id="04-01-register" transform="translate(-895.000000, -362.000000)">
<g id="Group" transform="translate(891.000000, 356.000000)">
<rect id="Rectangle-Copy-5" x="0" y="0" width="24" height="24"></rect>
<g id="Group-6" transform="translate(5.000000, 7.000000)" stroke="#83859E" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
<g id="Group-6" transform="translate(5.000000, 7.000000)" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
<path d="M0,5.09090909 C0,5.09090909 2.54545455,-2.57571742e-14 7,-2.57571742e-14 C11.4545455,-2.57571742e-14 14,5.09090909 14,5.09090909 C14,5.09090909 11.4545455,10.1818182 7,10.1818182 C2.54545455,10.1818182 0,5.09090909 0,5.09090909 Z" id="Path"></path>
<circle id="Oval" cx="7" cy="5.09090909" r="1.90909091"></circle>
</g>
</g>
</g>
</g>
</svg>
</svg>

Przed

Szerokość:  |  Wysokość:  |  Rozmiar: 1.1 KiB

Po

Szerokość:  |  Wysokość:  |  Rozmiar: 1.1 KiB

Wyświetl plik

@ -70,7 +70,10 @@ const SignIn = ({ toggleModal }) => {
type={showPassword ? "text" : "password"}
ref={register({ required: "Password is required" })}
/>
<InputRightElement onClick={() => setShowPassword(!showPassword)}>
<InputRightElement
onClick={() => setShowPassword(!showPassword)}
style={{ cursor: "pointer" }}
>
<CustomIcon icon="password" />
</InputRightElement>
</InputGroup>

Wyświetl plik

@ -88,7 +88,10 @@ const SignUp = ({ toggleModal }) => {
type={showPassword ? "text" : "password"}
ref={register({ required: "Password is required" })}
/>
<InputRightElement onClick={() => setShowPassword(!showPassword)}>
<InputRightElement
onClick={() => setShowPassword(!showPassword)}
style={{ cursor: "pointer" }}
>
<CustomIcon icon="password" />
</InputRightElement>
</InputGroup>