diff --git a/src/panels/Bild/BildPanel.tsx b/src/panels/Bild/BildPanel.tsx index 607eba5044bd97dd8070ff12d8bb28dd9c5ce8d5..5f9098180a81e0baf5caf7f51c854bb9ab281d86 100644 --- a/src/panels/Bild/BildPanel.tsx +++ b/src/panels/Bild/BildPanel.tsx @@ -7,7 +7,8 @@ export type BildPanelDefinition = { url: string, fit?: "fill" | "fit", title?: string, - description?: string + description?: string, + gradient?: boolean } const BildPanel = (props: {definition: BildPanelDefinition}) => { @@ -31,7 +32,10 @@ const BildPanel = (props: {definition: BildPanelDefinition}) => { > {props.definition.title && ( <> - <div className={"absolute inset-0 w-full h-full bg-lower-gradient"}> + <div className={classNames( + "absolute inset-0 w-full h-full", + (props.definition.gradient ?? true) ? "bg-lower-gradient" : "" + )}> </div> <PanelContent className={"absolute inset-0 w-full h-full flex flex-col justify-end"}>