fixed gallery background issue
This commit is contained in:
parent
d1de154b35
commit
d2067f1770
@ -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
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user