fix: Tierbild auf der Einladungsseite /r/[code] größer darstellen

Die Avatar-Variante "lg" setzt per data-Attribut fest size-10 (40 px) und
überstimmte die eigene Größe — jetzt Standardvariante mit size-28 / sm:size-36
und dezentem Ring in Markenfarbe.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
adminandClaude Opus 5.5 committed 2026-10-01 19:23:08 +02:00
1 parent 18f25ce316
commit 8f8fc8d75e
1 file changed
+6 -1
+6 -1
View File
@@ -52,7 +52,12 @@ export default async function ReferralLandingPage({ params }: { params: Promise<
<div className="mx-auto max-w-md space-y-8 text-center">
{inviterPet ? (
<div className="flex flex-col items-center gap-4">
<PetAvatar name={inviterPet.name} avatarKey={inviterPet.avatarKey} size="lg" className="h-24 w-24" />
{/* size="default" + eigene Größe: die Variante "lg" setzt per data-Attribut fest size-10 und gewinnt gegen className. */}
<PetAvatar
name={inviterPet.name}
avatarKey={inviterPet.avatarKey}
className="size-28 shadow-lg ring-4 ring-orange-500/25 sm:size-36"
/>
<h1 className="text-3xl font-bold tracking-tight text-balance">
{t("titleWithPet", { name: inviterPet.name })}
</h1>