fixed gallery background issue

This commit is contained in:
Dmitri 2026-04-02 09:42:09 +04:00
parent d1de154b35
commit d2067f1770

View File

@ -52,9 +52,15 @@ const GalleryElement: React.FC<GalleryElementProps> = ({
return font ? getFontStyle(font) : { fontFamily: fontKey };
}, [element.galleryTextFontFamily]);
// Extract backgroundColor from style to apply to inner content wrapper
const { backgroundColor, ...outerStyle } = style;
return (
<div className={className} style={style}>
<div className='flex flex-col gap-2 p-3 bg-black/60 rounded-xl min-w-[200px] backdrop-blur-sm'>
<div className={className} style={outerStyle}>
<div
className='flex flex-col gap-2 p-3 rounded-xl min-w-[200px] backdrop-blur-sm'
style={{ backgroundColor: backgroundColor || 'rgba(0, 0, 0, 0.6)' }}
>
{/* Header image */}
{headerImageUrl && (
// eslint-disable-next-line @next/next/no-img-element