From 1294efc5dbd57cd39f3f944bea4aee035c5cb5a4 Mon Sep 17 00:00:00 2001 From: Cristhian Zanforlin Lousa Date: Fri, 7 Jul 2023 20:05:29 -0300 Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix(inputComponent):=20fix=20pad?= =?UTF-8?q?ding=20issue=20in=20password=20input=20field?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The padding issue in the password input field was causing the text to be clipped. The issue was resolved by adjusting the padding classes based on the editNode and password conditions. --- src/frontend/src/components/inputComponent/index.tsx | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/frontend/src/components/inputComponent/index.tsx b/src/frontend/src/components/inputComponent/index.tsx index 8fab85c74..a925db54b 100644 --- a/src/frontend/src/components/inputComponent/index.tsx +++ b/src/frontend/src/components/inputComponent/index.tsx @@ -42,7 +42,8 @@ export default function InputComponent({ disabled ? " input-disable " : "", password && !pwdVisible && myValue !== "" ? " password text-clip " : "", editNode ? " input-edit-node " : " input-primary ", - password && editNode ? "pr-8" : "pr-10" + password && editNode ? "pr-8" : "", + password && !editNode ? "pr-10" : "" )} placeholder={password && editNode ? "Key" : "Type something..."} onChange={(e) => {