pl-fe: nesting issues fix

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
This commit is contained in:
nicole mikołajczyk
2026-02-07 23:35:44 +01:00
parent aa43c2bd73
commit 79711d83bb
4 changed files with 5 additions and 4 deletions

View File

@ -185,7 +185,7 @@ const Item: React.FC<IItem> = ({
target='_blank' target='_blank'
> >
<StillImage <StillImage
className='size-full' className='block size-full'
src={mediaPreview ? attachment.preview_url : attachment.url} src={mediaPreview ? attachment.preview_url : attachment.url}
alt={attachment.description} alt={attachment.description}
letterboxed={letterboxed} letterboxed={letterboxed}

View File

@ -64,7 +64,7 @@ const StillImage: React.FC<IStillImage> = ({
}); });
return ( return (
<div <span
data-testid='still-image-container' data-testid='still-image-container'
className={clsx(className, 'relative isolate', { 'group': !noGroup })} className={clsx(className, 'relative isolate', { 'group': !noGroup })}
style={style} style={style}
@ -98,7 +98,7 @@ const StillImage: React.FC<IStillImage> = ({
<ExtensionBadge ext='GIF' /> <ExtensionBadge ext='GIF' />
</div> </div>
)} )}
</div> </span>
); );
}; };

View File

@ -66,7 +66,7 @@ const AccountCard: React.FC<IAccountCard> = ({ id }) => {
src={account.header} src={account.header}
staticSrc={account.header_static} staticSrc={account.header_static}
alt={account.header_description} alt={account.header_description}
className='h-32 w-full rounded-t-lg object-cover' className='block h-32 w-full rounded-t-lg object-cover'
/> />
) : ( ) : (
<div className='h-32 w-full rounded-t-lg bg-gray-200 dark:bg-gray-700' /> <div className='h-32 w-full rounded-t-lg bg-gray-200 dark:bg-gray-700' />

View File

@ -24,6 +24,7 @@
} }
.-avatar { .-avatar {
display: block;
border-radius: 0.5rem; border-radius: 0.5rem;
line-height: 0; line-height: 0;