diff --git a/web/src/common/layouts/Root/Root.jsx b/web/src/common/layouts/Root/Root.jsx index d4200f79..d59a7014 100644 --- a/web/src/common/layouts/Root/Root.jsx +++ b/web/src/common/layouts/Root/Root.jsx @@ -1,8 +1,28 @@ import {Outlet} from "react-router-dom"; import Navigation from "@/common/components/Navigation"; import "./styles.sass"; +import {useEffect} from "react"; export const Root = () => { + + useEffect(() => { + const handleKeydown = (event) => { + if (event.ctrlKey && (event.key === "+" || event.key === "-")) event.preventDefault(); + } + + const handleWheel = (event) => { + if (event.ctrlKey) event.preventDefault(); + } + + document.addEventListener("keydown", handleKeydown); + document.addEventListener("wheel", handleWheel, {passive: false}); + + return () => { + document.removeEventListener("keydown", handleKeydown); + document.removeEventListener("wheel", handleWheel); + } + }, []); + return ( <>