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 (
|
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>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in New Issue