diff --git a/src/app/components/About.js b/src/app/components/About.js index 63d63b5552d12a68b858dc43c2aba0966b8e5b30..a67e4e8571cd4ce447e1a08d25e1e1c06549865b 100644 --- a/src/app/components/About.js +++ b/src/app/components/About.js @@ -373,27 +373,10 @@ export default function AboutComponent() { }; const Slides = () => { - const slidesRef = useRef(null); - - useEffect(() => { - const handleWheel = (e) => { - if (e.deltaY !== 0) { - slidesRef.current.scrollLeft += e.deltaY*2; // Usa o scroll para horizontal - e.preventDefault(); // Impede o comportamento padrão - } - }; - const slidesContainer = slidesRef.current; - slidesContainer.addEventListener("wheel", handleWheel); // O evento wheel dispara quando o usuário gira o scroll do mouse - - // Limpeza do evento - return () => slidesContainer.removeEventListener("wheel", handleWheel); - }, []); - return ( <> - <div className="w-full px-1 xl:grid xl:grid-rows-1 xl:grid-flow-col gap-4 justify-between mb-10 pb-2 flex flex-nowrap overflow-x-auto scrollbar-none max-xl:animate-scrollHint scroll-smooth" - ref={slidesRef} - > + <div className="w-full px-1 xl:grid xl:grid-rows-1 xl:grid-flow-col gap-4 justify-between mb-10 pb-2 + flex flex-nowrap overflow-x-auto scroll-smooth max-xl:animate-scrollHint"> <SlideInfo name="Professores" description="Como publicar um recurso?"