fixed gallery header styles inconsistance
This commit is contained in:
parent
4e431eab9b
commit
ca3b3725f9
2
frontend/next-env.d.ts
vendored
2
frontend/next-env.d.ts
vendored
@ -1,6 +1,6 @@
|
|||||||
/// <reference types="next" />
|
/// <reference types="next" />
|
||||||
/// <reference types="next/image-types/global" />
|
/// <reference types="next/image-types/global" />
|
||||||
/// <reference path="./build/types/routes.d.ts" />
|
/// <reference path="./.next/types/routes.d.ts" />
|
||||||
|
|
||||||
// NOTE: This file should not be edited
|
// NOTE: This file should not be edited
|
||||||
// see https://nextjs.org/docs/pages/api-reference/config/typescript for more information.
|
// see https://nextjs.org/docs/pages/api-reference/config/typescript for more information.
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
@ -100,14 +100,17 @@ const GalleryElement: React.FC<GalleryElementProps> = ({
|
|||||||
style={wrapperStyle}
|
style={wrapperStyle}
|
||||||
>
|
>
|
||||||
{/* Header: image takes priority, otherwise render text */}
|
{/* Header: image takes priority, otherwise render text */}
|
||||||
|
{/* Header styles (border, borderRadius, etc.) apply to both image and text modes */}
|
||||||
{headerImageUrl ? (
|
{headerImageUrl ? (
|
||||||
// eslint-disable-next-line @next/next/no-img-element
|
<div style={{ ...headerStyle, padding: 0, overflow: 'hidden' }}>
|
||||||
<img
|
{/* eslint-disable-next-line @next/next/no-img-element */}
|
||||||
src={resolve(headerImageUrl)}
|
<img
|
||||||
alt=''
|
src={resolve(headerImageUrl)}
|
||||||
className='w-full h-auto object-cover rounded-lg'
|
alt=''
|
||||||
draggable={false}
|
className='w-full h-auto object-cover'
|
||||||
/>
|
draggable={false}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
) : headerText ? (
|
) : headerText ? (
|
||||||
<div style={headerStyle}>{headerText}</div>
|
<div style={headerStyle}>{headerText}</div>
|
||||||
) : null}
|
) : null}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user