From 46aa795f35a98573bdbf1fc5a64a270568dde846 Mon Sep 17 00:00:00 2001 From: TartejBrothers Date: Thu, 30 May 2024 19:49:56 +0530 Subject: [PATCH 1/2] Updated: Styling --- src/components/designs.jsx | 13 ------------- src/components/home.jsx | 19 ------------------- src/components/styles/showcase.css | 7 ++++--- 3 files changed, 4 insertions(+), 35 deletions(-) diff --git a/src/components/designs.jsx b/src/components/designs.jsx index 7269506..49d660a 100644 --- 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 (

Our Designs

diff --git a/src/components/home.jsx b/src/components/home.jsx index 64b7779..c64392b 100644 --- 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 (
diff --git a/src/components/styles/showcase.css b/src/components/styles/showcase.css index 37fd74a..d7f5b3a 100644 --- 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; } From 00037f8442a986c5672aa8d89597acfa341604c5 Mon Sep 17 00:00:00 2001 From: TartejBrothers Date: Thu, 30 May 2024 19:52:38 +0530 Subject: [PATCH 2/2] Updated: Designs --- src/components/styles/designs.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/styles/designs.css b/src/components/styles/designs.css index 0f30ec4..07052f7 100644 --- 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; } }