Switch landing image to one off bg-img

digitalservicebund · Sep 27, 2024 · 19d9fdf · 19d9fdf
1 parent 3d4fe26
commit 19d9fdf
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 7 deletions.
diff --git a/packages/dito/app/routes/_index.tsx b/packages/dito/app/routes/_index.tsx
@@ -48,7 +48,7 @@ export default function Index() {
           content={landing.dataNotice.content}
         />
       </Container> */}
-      <Background backgroundImage="trainings.jpeg">
+      <div className="bg-[url('/assets/images/trainings.jpeg')] bg-[0%_35%] bg-cover">
         <Container>
           <div className="max-w-[630px] bg-white px-16 py-28 md:px-80 md:py-40 rounded-lg">
             <Box
@@ -58,7 +58,7 @@ export default function Index() {
             />
           </div>
         </Container>
-      </Background>
+      </div>
       <Container>
         <InfoBox
           heading={{

diff --git a/packages/shared/components/Background.tsx b/packages/shared/components/Background.tsx
@@ -6,20 +6,16 @@ import type { CommonWrapperProps } from "./CommonWrapperProps";
 const DEFAULT_PADDING_TOP = "0";
 const DEFAULT_PADDING_BOTTOM = "0";
 
-type BackgroundProps = PropsWithChildren<CommonWrapperProps> & {
-  backgroundImage?: string;
-};
+type BackgroundProps = PropsWithChildren<CommonWrapperProps>;
 
 export default function Background({
   backgroundColor = "default",
-  backgroundImage,
   paddingTop = "default",
   paddingBottom = "default",
   children,
 }: BackgroundProps) {
   const cssClasses = classNames(
     backgroundColor !== "default" && BACKGROUND_COLORS[backgroundColor],
-    backgroundImage && `bg-[url('/assets/images/${backgroundImage}')] bg-cover`,
     `!pt-${paddingTop === "default" ? DEFAULT_PADDING_TOP : paddingTop}`,
     `!pb-${
       paddingBottom === "default" ? DEFAULT_PADDING_BOTTOM : paddingBottom