From 8f8fc8d75e64d592575791be1fa210c967d29649 Mon Sep 17 00:00:00 2001
From: neodk2004 <barac.daniel@gmail.com>
Date: Thu, 1 Oct 2026 19:23:08 +0200
Subject: [PATCH] =?UTF-8?q?fix:=20Tierbild=20auf=20der=20Einladungsseite?=
 =?UTF-8?q?=20/r/[code]=20gr=C3=B6=C3=9Fer=20darstellen?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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>
---
 src/app/r/[code]/page.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/app/r/[code]/page.tsx b/src/app/r/[code]/page.tsx
index 9d90613..1ec1217 100644
--- a/src/app/r/[code]/page.tsx
+++ b/src/app/r/[code]/page.tsx
@@ -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>