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, 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 ? ( {selectedLogoPath ? (
<Image <Image
src={selectedLogoPath} src={selectedLogoPath}
alt={selectedLogoLabel || "Logo selecionado"} alt={selectedLogoLabel || "Logo selecionado"}
width={28} fill
height={28} sizes="32px"
className="h-full w-full object-contain" className="object-contain p-0.5"
/> />
) : ( ) : (
<span className="text-[10px] text-muted-foreground">Logo</span> <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", "border-primary bg-primary/5 ring-2 ring-primary/40",
)} )}
> >
<span className="flex w-full items-center justify-center overflow-hidden rounded-full"> <span className="flex w-full items-center justify-center">
<Image <span className="relative size-10 overflow-hidden rounded-full">
src={resolveLogoSrc(logo, { basePath }) ?? logo} <Image
alt={logoLabel || logo} src={resolveLogoSrc(logo, { basePath }) ?? logo}
width={40} alt={logoLabel || logo}
height={40} fill
className="rounded-full" sizes="40px"
/> className="object-contain"
/>
</span>
</span> </span>
<span className="line-clamp-1 text-[10px] leading-tight text-muted-foreground"> <span className="line-clamp-1 text-[10px] leading-tight text-muted-foreground">
{logoLabel} {logoLabel}