Merge remote-tracking branch 'origin/SLB-405-Fade-effect' into dev

AmazeeLabs · Jun 5, 2024 · 972f22a · 972f22a
2 parents b62d7f0 + c881d78
commit 972f22a
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/ui/src/components/Molecules/FadeUp.tsx b/packages/ui/src/components/Molecules/FadeUp.tsx
@@ -18,7 +18,7 @@ export function FadeUp({
         reducedMotion ? 'reducedMotion: On' : 'reducedMotion: Off',
       )}
       transition={{ duration: 0.8 }}
-      style={{ opacity: reducedMotion ? 1 : 0, y: reducedMotion ? 0 : yGap }}
+      initial={{ opacity: reducedMotion ? 1 : 0, y: reducedMotion ? 0 : yGap }}
       viewport={{ once: true }}
       whileInView={{ opacity: 1, y: 0 }}
     >

diff --git a/packages/ui/src/components/Organisms/PageContent/BlockImageTeasers.tsx b/packages/ui/src/components/Organisms/PageContent/BlockImageTeasers.tsx
@@ -7,8 +7,8 @@ import { FadeUp } from '../../Molecules/FadeUp';
 
 export function BlockImageTeasers(props: BlockImageTeasersFragment) {
   return (
-    <FadeUp yGap={50}>
-      <section className="my-10 block-background-image-cards">
+    <FadeUp yGap={50} className="my-10 block-background-image-cards">
+      <section>
         <div className="text-center">
           <div
             className={clsx('grid gap-2', {