Merge pull request #116 from ieedan/avatar-group

ieedan · Feb 20, 2025 · 99cc67e · 99cc67e
2 parents 3f08159 + ead2870
commit 99cc67e
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 10 deletions.
diff --git a/src/lib/components/ui/avatar-group/avatar-group-etc.svelte b/src/lib/components/ui/avatar-group/avatar-group-etc.svelte
@@ -11,7 +11,7 @@
 
 <div
 	class={cn(
-		'relative flex size-10 items-center justify-center rounded-full bg-accent text-sm ring ring-background group-data-[orientation="horizontal"]/avatar-group:-ml-2 group-data-[orientation="vertical"]/avatar-group:-mt-2',
+		'relative flex size-10 items-center justify-center rounded-full bg-accent text-sm ring-2 ring-background',
 		className
 	)}
 >

diff --git a/src/lib/components/ui/avatar-group/avatar-group-member.svelte b/src/lib/components/ui/avatar-group/avatar-group-member.svelte
@@ -10,11 +10,4 @@
 	}: AvatarPrimitive.RootProps = $props();
 </script>
 
-<AvatarRoot
-	bind:ref
-	class={cn(
-		'bg-accent ring ring-background first:ml-0 first:mt-0 group-data-[orientation="horizontal"]/avatar-group:-ml-2 group-data-[orientation="vertical"]/avatar-group:-mt-2',
-		className
-	)}
-	{...restProps}
-/>
+<AvatarRoot bind:ref class={cn('bg-accent ring-2 ring-background', className)} {...restProps} />
diff --git a/src/lib/components/ui/avatar-group/avatar-group.svelte b/src/lib/components/ui/avatar-group/avatar-group.svelte
@@ -13,7 +13,7 @@
 <div
 	data-orientation={orientation}
 	class={cn(
-		'group/avatar-group flex items-center data-[orientation="horizontal"]:flex-row data-[orientation="vertical"]:flex-col',
+		'group/avatar-group flex items-center data-[orientation="horizontal"]:flex-row data-[orientation="vertical"]:flex-col data-[orientation="horizontal"]:-space-x-2 data-[orientation="vertical"]:-space-y-2',
 		className
 	)}
 >