fix: Chip icon is too big on mobile

This commit is contained in:
Kentai Radiquum 2024-08-13 14:31:45 +05:00
parent b6878a0386
commit c1204473ec
Signed by: Radiquum
GPG key ID: 858E8EE696525EED

View file

@ -14,9 +14,13 @@ export const Chip = (props: {
> >
{props.icon_name && ( {props.icon_name && (
<span <span
className={`iconify w-6 h-6 ${props.icon_name} fill-${ className={`iconify w-4 h-4 sm:w-6 sm:h-6 ${props.icon_name}`}
props.icon_color || "white" style={
}`} {
"color": "var(--icon-color)",
"--icon-color": props.icon_color || "#fff",
} as React.CSSProperties
}
></span> ></span>
)} )}
<p className="text-xs text-white xl:text-base"> <p className="text-xs text-white xl:text-base">