N00nDay / stwui

Opinionated yet customizable Svelte-TailwindCSS component library
stwui.vercel.app
MIT License
447 stars 21 forks source link

Avatar group shape rounded not working #215

Closed michaelekins closed 8 months ago

michaelekins commented 8 months ago

Current Behavior

Avatar group has this code in the page:

<script lang="ts">
   import { AvatarGroup } from 'stwui';
</script>

<AvatarGroup shape="rounded">
    <AvatarGroup.Avatar src={avatars[0]} />
    <AvatarGroup.Avatar src={avatars[1]} />
    <AvatarGroup.Avatar src={avatars[2]} />
    <AvatarGroup.Avatar src={avatars[3]} />
</AvatarGroup>

<AvatarGroup shape="square">
    <AvatarGroup.Avatar src={avatars[0]} />
    <AvatarGroup.Avatar src={avatars[1]} />
    <AvatarGroup.Avatar src={avatars[2]} />
    <AvatarGroup.Avatar src={avatars[3]} />
</AvatarGroup>

But both shapes appear squared:

image

Expected Behavior

The first avatar group should be shaped rounded:

image

Steps To Reproduce

Can be seen on the website: https://stwui.vercel.app/avatar-group

Link to Reproduction / Stackblitz

https://stwui.vercel.app/avatar-group

More Information

No response

michaelekins commented 8 months ago

Sorry - my eyes aren't what they used to be. No issue here, the rounded effect is working!