Change class name "image-loader" to custom Tailwind and remove unused class name

This commit is contained in:
danidfra 2024-11-05 19:16:39 -03:00
parent 348a4f4bbf
commit 5e857d824e
2 changed files with 9 additions and 3 deletions

View File

@ -24,7 +24,7 @@ export const InputContainer: React.FC<IInputContainer> = (props) => {
return ( return (
<div className={containerClass}> <div className={containerClass}>
{props.children} {props.children}
{props.hint && <span className='hint'>{props.hint}</span>} {props.hint && <span>{props.hint}</span>}
</div> </div>
); );
}; };
@ -45,10 +45,10 @@ export const LabelInputContainer: React.FC<ILabelInputContainer> = ({ label, hin
return ( return (
<div className='label_input'> <div className='label_input'>
<label htmlFor={id}>{label}</label> <label htmlFor={id}>{label}</label>
<div className='label_input__wrapper'> <div>
{childrenWithProps} {childrenWithProps}
</div> </div>
{hint && <span className='hint'>{hint}</span>} {hint && <span>{hint}</span>}
</div> </div>
); );
}; };

View File

@ -3,6 +3,12 @@
@tailwind utilities; @tailwind utilities;
@layer utilities { @layer utilities {
.input.with_label.toggle .label_input {
display: flex;
font-size: 14px;
align-items: center;
}
.divide-x-dot > *:not(:last-child)::after { .divide-x-dot > *:not(:last-child)::after {
content: '·'; content: '·';
padding-right: 4px; padding-right: 4px;