insights typo in tailwind

[seanperez-xyz]

this has been like this for months...
since it hasn't been fixed I assume it doesn't affect anything but...
I copy paste this alot 😭
pretty sure its
overflow
not
verflow

qwik/packages/insights/src/components/avatar/index.tsx

Line 21 in 0b8410b

class="verflow-hidden rounded-full border border-slate-300 leading-[0px]"

[seanperez-xyz]

I guess if you wanted to implment the sizes it would be something mundane like

enum AvatarSize {
    xs = 24,
    sm = 32,
    md = 40,
    lg = 80,
    xl = 144,
}
export interface AvatarProps {
    src: string;
    alt: string;
    size?: keyof typeof AvatarSize
}
export default component$<AvatarProps>(({
    size = 'md',
    ...props
}) => {

    return (
        <img
            src={props.src}
            alt={props.alt}
            class={
                cn("overflow-hidden rounded-full border border-slate-300 leading-[0px]"
                )
            }
            width={AvatarSize[size]}
            height={AvatarSize[size]}
        />
    );
});

( not going to clone the whole thing to make a pull request)

[PatrickJS]

Can you make a pr

[JerryWu1234]

let me try

[JerryWu1234]

done this @PatrickJS

[gioboa]

Thanks @JerryWu1234 for your great help 👏