Merge pull request #43 from TartejBrothers/Updates

Updated: Projects
TartejBrothers · May 30, 2024 · 9b96267 · 9b96267
2 parents 2552bff + 00037f8
commit 9b96267
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 37 deletions.
diff --git a/src/components/designs.jsx b/src/components/designs.jsx
@@ -24,19 +24,6 @@ import mobileright3 from "./assests/designs/mobileright3.png";
 import mobileright4 from "./assests/designs/mobileright4.png";
 
 export default function Designs() {
-  // useEffect(() => {
-  //   const setScrollHeight = (selector, variable) => {
-  //     const element = document.querySelector(selector);
-  //     const scrollHeight = element.scrollHeight;
-  //     const duration = scrollHeight / 100;
-  //     element.style.setProperty(variable, `${duration}s`);
-  //   };
-
-  //   setScrollHeight(".designleft-scroll", "--left-scroll-duration");
-  //   setScrollHeight(".designcenter-scroll", "--center-scroll-duration");
-  //   setScrollHeight(".designright-scroll", "--right-scroll-duration");
-  // }, []);
-
   return (
     <div className="designsbody">
       <h1 className="commonheader">Our Designs</h1>

diff --git a/src/components/home.jsx b/src/components/home.jsx
@@ -6,25 +6,6 @@ import arrow from "./assests/icons/arrow.png";
 import griplines from "./assests/icons/griplines.svg";
 
 export default function Home() {
-  useEffect(() => {
-    const listItems = document.querySelectorAll(".navright ul li");
-
-    listItems.forEach((item) => {
-      const handleMouseEnter = () => {
-        item.style.animation = "none";
-        setTimeout(() => {
-          item.style.animation = "slideUp 1s forwards";
-        }, 0);
-      };
-
-      item.addEventListener("mouseenter", handleMouseEnter);
-
-      return () => {
-        item.removeEventListener("mouseenter", handleMouseEnter);
-      };
-    });
-  }, []);
-
   return (
     <div>
       <div className="homemain">

diff --git a/src/components/styles/designs.css b/src/components/styles/designs.css
@@ -87,9 +87,9 @@
     width: 45%;
   }
   .designright-scroll {
-    animation: scroll-down 10zs linear infinite;
+    animation: scroll-down 12s linear infinite;
   }
   .designleft-scroll {
-    animation: scroll-up 10s linear infinite;
+    animation: scroll-up 12s linear infinite;
   }
 }
diff --git a/src/components/styles/showcase.css b/src/components/styles/showcase.css
@@ -15,7 +15,7 @@
 
 .showcasecenter,
 .showcaseright {
-  width: 40%;
+  width: 45%;
   display: flex;
   flex-direction: column;
 }
@@ -25,7 +25,7 @@
   margin-inline: 20px;
 }
 .showcaseright img {
-  height: 80%;
+  height: 100%;
 }
 
 .showcasecenter {
@@ -34,7 +34,7 @@
   justify-content: flex-start;
 }
 .showcasecentercontent {
-  width: 70%;
+  width: 90%;
 }
 .showcaseright {
   justify-content: center;
@@ -50,6 +50,7 @@
   display: flex;
   flex-direction: column;
   margin-top: 20px;
+  margin-left: 30px;
   overflow: visible;
   position: relative;
 }