.

.gitignore

@@ -0,0 +1 @@
+neu.html

javascript.js

@@ -1,49 +1,29 @@
 function gradioCustomJS() {
 	console.log("gradioCustomJS Started")
-  
-    //component-15
-    const tabNav = document.querySelector("#component-153 > div.tab-nav.svelte-1uw5tnk")
-    /*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()
-    		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))
-    	})
-    })
-    
-    tabNav.addEventListener("mouseout", () => {
-    	tabNav.removeEventListener("wheel", (event) => {
-    		event.preventDefault()
-    		const scrollLeft = tabNav.scrollLeft + event.deltaY
-    		tabNav.scrollLeft = Math.max(0, Math.min(scrollLeft, tabNav.scrollWidth - tabNav.clientWidth))
-    	})
-    })
-    */
-    
-    // Funktion, um die Scroll-Richtung des Mausrads zu übersetzen
-		function translateMouseWheel(e) {
-		  if (e.type === 'wheel') {
-			if (e.target.closest("#component-153 > div.tab-nav.svelte-1uw5tnk")) {
-			  if (e.deltaY > 0) {
-				e.target.closest("#component-153 > div.tab-nav.svelte-1uw5tnk").scrollLeft += 50;
-			  } else if (e.deltaY < 0) {
-				e.target.closest("#component-153 > div.tab-nav.svelte-1uw5tnk").scrollLeft -= 50;
-			  }
-			  e.preDefault();
+
+	//component-15
+	const tabNav = document.querySelector("#component-153 > div.tab-nav.svelte-1uw5tnk")
+	tabNav.addEventListener("mouseover", () => {
+		tabNav.addEventListener("wheel", (event) => {
+			event.preventDefault()
+			let scrollLeft = 0
+			if (Math.sign(event.deltaY) < 0) {
+				scrollLeft = tabNav.scrollLeft - 20
+			}
+			if (Math.sign(event.deltaY) > 0) {
+				scrollLeft = tabNav.scrollLeft + 20
 			}
-		  }
-		}
+			tabNav.scrollLeft = Math.max(0, Math.min(scrollLeft, tabNav.scrollWidth - tabNav.clientWidth))
+		})
+	})
 
-		// Füge die Funktion zum Event-Listener hinzu
-		//document.querySelector('.tab-nav').addEventListener('wheel', translateMouseWheel);
-		document.addEventListener('wheel', translateMouseWheel);
+	tabNav.addEventListener("mouseout", () => {
+		tabNav.removeEventListener("wheel", (event) => {
+			event.preventDefault()
+			const scrollLeft = tabNav.scrollLeft + 10
+			tabNav.scrollLeft = Math.max(0, Math.min(scrollLeft, tabNav.scrollWidth - tabNav.clientWidth))
+		})
+	})
 
-  	return "Custom Gradio JS"
+	return "Custom Gradio JS"
 }

photo-enhance.code-workspace

@@ -0,0 +1,12 @@
+{
+	"folders": [
+		{
+			"name": "ControlNet Preprocessors Only",
+			"path": "."
+		}
+	],
+	"settings": {
+		"prettier.semi": false,
+		"gitdoc.enabled": false
+	}
+}