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:
1 parent
18f25ce316
commit
8f8fc8d75e
1 file changed
+6
-1
@@ -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>
|
||||
|
||||
Reference in new issue
Block a user