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 };
|
return font ? getFontStyle(font) : { fontFamily: fontKey };
|
||||||
}, [element.galleryTextFontFamily]);
|
}, [element.galleryTextFontFamily]);
|
||||||
|
|
||||||
|
// Extract backgroundColor from style to apply to inner content wrapper
|
||||||
|
const { backgroundColor, ...outerStyle } = style;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className={className} style={style}>
|
<div className={className} style={outerStyle}>
|
||||||
<div className='flex flex-col gap-2 p-3 bg-black/60 rounded-xl min-w-[200px] backdrop-blur-sm'>
|
<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 */}
|
{/* Header image */}
|
||||||
{headerImageUrl && (
|
{headerImageUrl && (
|
||||||
// eslint-disable-next-line @next/next/no-img-element
|
// eslint-disable-next-line @next/next/no-img-element
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user