From 9b90a07dfa2916c0e72f1fefdd95089d64efb8a7 Mon Sep 17 00:00:00 2001
From: a-eloCard <esrsc23@inf.ufpr.br>
Date: Mon, 19 May 2025 10:49:43 -0300
Subject: [PATCH] Issue #312: FIX Slides scroll on the about page
---
src/app/components/About.js | 21 ++-------------------
1 file changed, 2 insertions(+), 19 deletions(-)
diff --git a/src/app/components/About.js b/src/app/components/About.js
index 63d63b55..a67e4e85 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?"
--
GitLab