fix: break

This commit is contained in:
nafees nazik
2023-09-20 17:05:57 +05:30
committed by Akhil Mohan
parent ef7bf09398
commit 63e8ecce5b
@@ -46,7 +46,7 @@ type Props = Omit<HTMLAttributes<HTMLTextAreaElement>, "onChange" | "onBlur"> &
}; };
const commonClassName = const commonClassName =
"font-mono text-sm leading-5 caret-white border-none outline-none w-full break-all "; "font-mono text-sm caret-white border-none outline-none w-full break-all py-4";
export const SecretInput = forwardRef<HTMLTextAreaElement, Props>( export const SecretInput = forwardRef<HTMLTextAreaElement, Props>(
({ value, isVisible, onChange, onBlur, isDisabled, onFocus, ...props }, ref) => { ({ value, isVisible, onChange, onBlur, isDisabled, onFocus, ...props }, ref) => {
@@ -67,7 +67,7 @@ export const SecretInput = forwardRef<HTMLTextAreaElement, Props>(
return ( return (
<div className="relative"> <div className="relative">
<pre aria-hidden className="m-0 whitespace-pre-wrap"> <pre aria-hidden className="m-0 " style={{ whiteSpace: "break-spaces" }}>
<code className={`code inline-block w-full ${commonClassName}`}> <code className={`code inline-block w-full ${commonClassName}`}>
<span <span
dangerouslySetInnerHTML={{ dangerouslySetInnerHTML={{
@@ -78,6 +78,7 @@ export const SecretInput = forwardRef<HTMLTextAreaElement, Props>(
</pre> </pre>
<textarea <textarea
style={{ whiteSpace: "break-spaces" }}
aria-label="secret value" aria-label="secret value"
ref={ref} ref={ref}
className={`textarea absolute inset-0 block h-full resize-none overflow-hidden bg-transparent text-transparent focus:border-0 ${commonClassName}`} className={`textarea absolute inset-0 block h-full resize-none overflow-hidden bg-transparent text-transparent focus:border-0 ${commonClassName}`}