fix(marketplace/library): Removing white borders from Avatar (#9818)

There are some white borders around the avatar in the store card, but
they are not present in the design, so I'm removing them.

![Screenshot 2025-04-15 at 3 58
05 PM](https://github.com/user-attachments/assets/f8c98076-9cc3-46f1-b4f3-41d4e48f6127)
This commit is contained in:
Abhimanyu Yadav
2025-04-19 11:06:36 +05:30
committed by GitHub
parent 9052ee7b95
commit 2a92970a5f
2 changed files with 4 additions and 4 deletions

View File

@@ -57,14 +57,14 @@ export const StoreCard: React.FC<StoreCardProps> = ({
)}
{!hideAvatar && (
<div className="absolute bottom-4 left-4">
<Avatar className="h-16 w-16 border-2 border-white dark:border-gray-800">
<Avatar className="h-16 w-16">
{avatarSrc && (
<AvatarImage
src={avatarSrc}
alt={`${creatorName || agentName} creator avatar`}
/>
)}
<AvatarFallback>
<AvatarFallback size={64}>
{(creatorName || agentName).charAt(0)}
</AvatarFallback>
</Avatar>

View File

@@ -48,7 +48,7 @@ export default function LibraryAgentCard({
/>
)}
<div className="absolute bottom-4 left-4">
<Avatar className="h-16 w-16 border-2 border-white dark:border-gray-800">
<Avatar className="h-16 w-16">
<AvatarImage
src={
creator_image_url
@@ -57,7 +57,7 @@ export default function LibraryAgentCard({
}
alt={`${name} creator avatar`}
/>
<AvatarFallback>{name.charAt(0)}</AvatarFallback>
<AvatarFallback size={64}>{name.charAt(0)}</AvatarFallback>
</Avatar>
</div>
</Link>