Merge pull request #6 from abhitrueprogrammer/zoomIn

Zoom in

Author: abhitrueprogrammer

src/components/pdfViewer.tsx

@@ -168,25 +168,21 @@ export default function PdfViewer({ url, name }: PdfViewerProps) {
     return () => window.removeEventListener("resize", calculateScale);
   }, []);
 
-  useEffect(() => {
-    const container = containerRef.current;
-    if (!container) return;
+useEffect(() => {
+  const container = containerRef.current;
+  if (!container) return;
 
-    const handleWheel = (e: WheelEvent) => {
-      if (e.deltaY < 0) {
-        // Scroll up: zoom in
-        setScale((prev) => prev + 0.1);
-        e.preventDefault();
-      } else if (e.deltaY > 0) {
-        // Scroll down: zoom out
-        setScale((prev) => (prev - 0.1 ));
-        e.preventDefault();
-      }
-    };
+  const handleWheel = (e: WheelEvent) => {
+    if (e.ctrlKey) { // ctrl+wheel is pinch zoom gesture
+      e.preventDefault();
+      setScale((prev) => Math.max(0.1, prev + (e.deltaY < 0 ? 0.1 : -0.1)));
+    }
+  };
+
+  container.addEventListener("wheel", handleWheel, { passive: false });
+  return () => container.removeEventListener("wheel", handleWheel);
+}, []);
 
-    container.addEventListener("wheel", handleWheel, { passive: false });
-    return () => container.removeEventListener("wheel", handleWheel);
-  }, []);
 
   return (
     <div className="flex flex-col items-center p-3 md:p-0">