fix(logo-picker): corrigir renderização de miniaturas no modal

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Felipe Coutinho
2026-04-11 22:43:43 +00:00
parent 11b4f8940f
commit 805bcb863d

View File

@@ -49,14 +49,14 @@ export function LogoPickerTrigger({
className,
)}
>
<span className="flex size-8 shrink-0 items-center justify-center overflow-hidden rounded-full border border-border/40 bg-background shadow-xs">
<span className="relative flex size-8 shrink-0 items-center justify-center overflow-hidden rounded-full border border-border/40 bg-background shadow-xs">
{selectedLogoPath ? (
<Image
src={selectedLogoPath}
alt={selectedLogoLabel || "Logo selecionado"}
width={28}
height={28}
className="h-full w-full object-contain"
fill
sizes="32px"
className="object-contain p-0.5"
/>
) : (
<span className="text-[10px] text-muted-foreground">Logo</span>
@@ -161,14 +161,16 @@ export function LogoPickerDialog({
"border-primary bg-primary/5 ring-2 ring-primary/40",
)}
>
<span className="flex w-full items-center justify-center overflow-hidden rounded-full">
<Image
src={resolveLogoSrc(logo, { basePath }) ?? logo}
alt={logoLabel || logo}
width={40}
height={40}
className="rounded-full"
/>
<span className="flex w-full items-center justify-center">
<span className="relative size-10 overflow-hidden rounded-full">
<Image
src={resolveLogoSrc(logo, { basePath }) ?? logo}
alt={logoLabel || logo}
fill
sizes="40px"
className="object-contain"
/>
</span>
</span>
<span className="line-clamp-1 text-[10px] leading-tight text-muted-foreground">
{logoLabel}