fix: update mention popup style

2024-01-27 11:16:17 +07:00
parent 353c18bb76
commit b11e2a4291
2 changed files with 10 additions and 7 deletions
--- a/packages/ark/src/components/user/avatar.tsx
+++ b/packages/ark/src/components/user/avatar.tsx
@@ -39,7 +39,10 @@ export function UserAvatar({ className }: { className?: string }) {
 					alt={user.pubkey}
 					loading="eager"
 					decoding="async"
-					className={cn("bg-black dark:bg-white", className)}
+					className={cn(
+						"bg-black dark:bg-white ring-1 ring-black/5 dark:ring-white/5",
+						className,
+					)}
 				/>
 			) : (
 				<Avatar.Image
@@ -47,7 +50,7 @@ export function UserAvatar({ className }: { className?: string }) {
 					alt={user.pubkey}
 					loading="eager"
 					decoding="async"
-					className={className}
+					className={cn("ring-1 ring-black/5 dark:ring-white/5", className)}
 				/>
 			)}
 			<Avatar.Fallback delayMs={120}>