Change class name "image-loader" to custom Tailwind and remove unused class name
This commit is contained in:
parent
348a4f4bbf
commit
5e857d824e
|
@ -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>
|
||||
);
|
||||
};
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue