fix: update positioning of large tree on larger screens

green-ecolution · Jul 5, 2024 · 6000d76 · 6000d76
1 parent 3cc6674
commit 6000d76
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/tsx/components/homepage/HomepageHero.tsx b/src/tsx/components/homepage/HomepageHero.tsx
@@ -75,7 +75,7 @@ function HomepageHero() {
                             Bewässerung abgegeben werden können.
                         </p>
                         <button
-                            className={`hidden items-center justify-center gap-x-4 rounded-2xl w-max font-semibold px-5 py-2 group bg-green-dark-900 transition-color ease-in-out duration-300 text-white hover:bg-green-light-900 hover:border-green-light-900
+                            className={`hidden items-center justify-center gap-x-4 rounded-2xl w-max font-semibold px-5 py-2 group bg-green-light-900 transition-color ease-in-out duration-300 text-white hover:bg-green-middle-900 hover:border-green-middle-900
                                 ${hasCookie('green_ecolution_initial_load') ? 'xl:flex' : '' }`}
                             onClick={handleOpenOverlay}
                         >

diff --git a/src/tsx/components/homepage/HomepageHeroTrees.tsx b/src/tsx/components/homepage/HomepageHeroTrees.tsx
@@ -26,7 +26,7 @@ function HomepageHeroTrees() {
                     animationData={treeMiddleGreenAnimation} />
             </figure>
 
-            <figure aria-hidden="true" className="hidden absolute -right-20 -z-30 bottom-16 md:block lg:bottom-32 xl:bottom-48 2xl:right-40 2xl:bottom-32 3xl:right-[12%] landscape:bottom-4 lg:landscape:bottom-32">
+            <figure aria-hidden="true" className="hidden absolute -right-20 -z-30 bottom-16 md:block lg:bottom-32 xl:bottom-48 2xl:right-52 2xl:bottom-32 3xl:right-[12%] landscape:bottom-4 lg:landscape:bottom-32">
                 <Lottie
                     aria-hidden="true"
                     className="h-[55vh] md:h-[60vh] md:min-h-96"