Update javascript.js

javascript.js

@@ -3,17 +3,18 @@ function gradioCustomJS() {
   
     //component-15
     const tabNav = document.querySelector("#component-153 > div.tab-nav.svelte-1uw5tnk")
-    //const tabNav = document.querySelector('.tab-nav')
+    /*const tabNav = document.querySelector('.tab-nav')
     tabNav.addEventListener("wheel", (event) => {
     	event.preventDefault()
     	const scrollLeft = tabNav.scrollLeft + event.deltaY
     	tabNav.scrollLeft = Math.max(0, Math.min(scrollLeft, tabNav.scrollWidth - tabNav.clientWidth))
-    })
+    })*/
     
     tabNav.addEventListener("mouseover", () => {
     	tabNav.addEventListener("wheel", (event) => {
     		event.preventDefault()
-    		const scrollLeft = tabNav.scrollLeft + event.deltaY
+    		let scrollLeft = 0;
+            Math.sign(event.deltaY) < 0 && (scrollLeft = tabNav.scrollLeft - 20), Math.sign(event.deltaY) > 0 && (scrollLeft = tabNav.scrollLeft + 20);
     		tabNav.scrollLeft = Math.max(0, Math.min(scrollLeft, tabNav.scrollWidth - tabNav.clientWidth))
     	})
     })