fix: mention-dropdown Umrandung passt sich Zweizeiligkeit an; neuer Bug Chat-Eingabe-Fix

This commit is contained in:
admin committed 2026-06-27 10:12:02 +02:00
1 parent 31602b08eb
commit 4556ef4e97
2 files changed
+16 -12

No files matched your search

+14 -12
View File
@@ -127,23 +127,25 @@ export function MentionTextarea({
<button
key={pet.id}
type="button"
className="w-full flex items-center gap-3 px-3 py-2.5 hover:bg-muted transition-colors text-left"
className="w-full block px-3 py-2.5 hover:bg-muted transition-colors text-left"
onMouseDown={(e) => {
e.preventDefault();
handleSelect(pet.name);
}}
>
<Avatar className="h-9 w-9 shrink-0">
{pet.avatarKey && (
<AvatarImage src={getAvatarUrl(pet.avatarKey)!} alt={pet.name} />
)}
<AvatarFallback className="text-xs font-semibold bg-orange-100 text-orange-700">
{pet.name.slice(0, 2).toUpperCase()}
</AvatarFallback>
</Avatar>
<div className="flex-1 min-w-0">
<p className="text-sm font-semibold text-foreground truncate">{pet.name}</p>
<p className="text-xs text-muted-foreground">{pet.species.name}</p>
<div className="flex items-center gap-3">
<Avatar className="h-9 w-9 shrink-0">
{pet.avatarKey && (
<AvatarImage src={getAvatarUrl(pet.avatarKey)!} alt={pet.name} />
)}
<AvatarFallback className="text-xs font-semibold bg-orange-100 text-orange-700">
{pet.name.slice(0, 2).toUpperCase()}
</AvatarFallback>
</Avatar>
<div className="flex-1 min-w-0">
<p className="text-sm font-semibold text-foreground truncate">{pet.name}</p>
<p className="text-xs text-muted-foreground">{pet.species.name}</p>
</div>
</div>
</button>
))}