From 5e857d824e52f85bcc43263a462250c7a17fe267 Mon Sep 17 00:00:00 2001
From: danidfra <danielfilemondev@gmail.com>
Date: Tue, 5 Nov 2024 19:16:39 -0300
Subject: [PATCH] Change class name "image-loader" to custom Tailwind and
 remove unused class name

---
 src/features/forms/index.tsx | 6 +++---
 src/styles/tailwind.css      | 6 ++++++
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/features/forms/index.tsx b/src/features/forms/index.tsx
index d7f3cff9c..faeabacdd 100644
--- a/src/features/forms/index.tsx
+++ b/src/features/forms/index.tsx
@@ -24,7 +24,7 @@ export const InputContainer: React.FC<IInputContainer> = (props) => {
   return (
     <div className={containerClass}>
       {props.children}
-      {props.hint && <span className='hint'>{props.hint}</span>}
+      {props.hint && <span>{props.hint}</span>}
     </div>
   );
 };
@@ -45,10 +45,10 @@ export const LabelInputContainer: React.FC<ILabelInputContainer> = ({ label, hin
   return (
     <div className='label_input'>
       <label htmlFor={id}>{label}</label>
-      <div className='label_input__wrapper'>
+      <div>
         {childrenWithProps}
       </div>
-      {hint && <span className='hint'>{hint}</span>}
+      {hint && <span>{hint}</span>}
     </div>
   );
 };
diff --git a/src/styles/tailwind.css b/src/styles/tailwind.css
index efc52c716..f030edc6a 100644
--- a/src/styles/tailwind.css
+++ b/src/styles/tailwind.css
@@ -3,6 +3,12 @@
 @tailwind utilities;
 
 @layer utilities {
+  .input.with_label.toggle .label_input {
+    display: flex;
+    font-size: 14px;
+    align-items: center;
+  }
+
   .divide-x-dot > *:not(:last-child)::after {
     content: '·';
     padding-right: 4px;