@@ -16,7 +16,7 @@ function Avatar({
1616 data-size = { size }
1717 className = { cn (
1818 "group/avatar relative flex size-8 shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6" ,
19- className ,
19+ className
2020 ) }
2121 { ...props }
2222 />
@@ -44,8 +44,8 @@ function AvatarFallback({
4444 < AvatarPrimitive . Fallback
4545 data-slot = "avatar-fallback"
4646 className = { cn (
47- "bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full text-sm group-data-[size=sm]/avatar:text-xs" ,
48- className ,
47+ "flex size-full items-center justify-center rounded-full bg-muted text-sm text-muted-foreground group-data-[size=sm]/avatar:text-xs" ,
48+ className
4949 ) }
5050 { ...props }
5151 />
@@ -57,11 +57,11 @@ function AvatarBadge({ className, ...props }: React.ComponentProps<"span">) {
5757 < span
5858 data-slot = "avatar-badge"
5959 className = { cn (
60- "bg-primary text-primary-foreground ring-background absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full ring-2 select-none" ,
60+ "absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground ring-2 ring-background select-none" ,
6161 "group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden" ,
6262 "group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2" ,
6363 "group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2" ,
64- className ,
64+ className
6565 ) }
6666 { ...props }
6767 />
@@ -73,8 +73,8 @@ function AvatarGroup({ className, ...props }: React.ComponentProps<"div">) {
7373 < div
7474 data-slot = "avatar-group"
7575 className = { cn (
76- "group/avatar-group *:data-[slot=avatar]:ring-background flex -space-x- 2 *:data-[slot=avatar]:ring-2 " ,
77- className ,
76+ "group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-background " ,
77+ className
7878 ) }
7979 { ...props }
8080 />
@@ -89,8 +89,8 @@ function AvatarGroupCount({
8989 < div
9090 data-slot = "avatar-group-count"
9191 className = { cn (
92- "bg-muted text-muted-foreground ring-background relative flex size-8 shrink-0 items-center justify-center rounded-full text-sm ring-2 group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3" ,
93- className ,
92+ "relative flex size-8 shrink-0 items-center justify-center rounded-full bg-muted text-sm text-muted-foreground ring-2 ring-background group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3" ,
93+ className
9494 ) }
9595 { ...props }
9696 />
0 commit comments