feature/mobile-responsive #59
@@ -38,6 +38,7 @@ export const Input = forwardRef<HTMLInputElement, InputProps>(
|
|||||||
(passwordToggleLabels ? (
|
(passwordToggleLabels ? (
|
||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
|
tabIndex={-1}
|
||||||
onClick={() => setShowPassword((visible) => !visible)}
|
onClick={() => setShowPassword((visible) => !visible)}
|
||||||
className="rounded p-0.5 text-text-muted transition-colors hover:text-text-secondary"
|
className="rounded p-0.5 text-text-muted transition-colors hover:text-text-secondary"
|
||||||
aria-label={
|
aria-label={
|
||||||
@@ -76,12 +77,6 @@ export const Input = forwardRef<HTMLInputElement, InputProps>(
|
|||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
{resolvedEndIcon && (
|
|
||||||
<div className="absolute inset-y-0 right-0 pr-3 flex items-center text-text-muted">
|
|
||||||
{resolvedEndIcon}
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
|
|
||||||
<input
|
<input
|
||||||
ref={ref}
|
ref={ref}
|
||||||
id={inputId}
|
id={inputId}
|
||||||
@@ -105,6 +100,12 @@ export const Input = forwardRef<HTMLInputElement, InputProps>(
|
|||||||
`}
|
`}
|
||||||
{...props}
|
{...props}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
|
{resolvedEndIcon && (
|
||||||
|
<div className="absolute inset-y-0 right-0 pr-3 flex items-center text-text-muted">
|
||||||
|
{resolvedEndIcon}
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{error && (
|
{error && (
|
||||||
|
|||||||
Reference in New Issue
Block a user