Update index.html

index.html

@@ -15,7 +15,7 @@ div#component-20 {
   flex-direction: column;
 }
 #component-5 {
-            width: 100%;
+            width: 100% !important;
           }
 button#component-5 {
     margin-bottom: 20px;
@@ -33,7 +33,137 @@ button#component-5 {
 	src="https://gradio.s3-us-west-2.amazonaws.com/4.37.2/gradio.js"
 ></script>
 
-<gradio-app src="https://prodia-fast-sd3-medium.hf.space"></gradio-app>
+<gradio-app id='ga1' src="https://prodia-fast-sd3-medium.hf.space"></gradio-app>
 
+<script>
+const targetNode152 = document.body; // или другой родительский элемент
+const config152 = { childList: true, subtree: true };
+const callback152 = function(mutationsList, observer) {
+    for(let mutation of mutationsList) {
+        if (mutation.type === 'childList') {
+            const grApp152 = document.getElementById('ga1');
+            const targetDiv152 = grApp152.querySelector('#component-8');
+            const targetSpan152 = targetDiv152.querySelector('input[data-testid="textbox"]');
+            targetSpan152.placeholder = "Введите описание изображения...";
+            observer.disconnect(); // Останавливаем наблюдение после изменения
+        }
+    }
+};
+const observer152 = new MutationObserver(callback152);
+observer152.observe(targetNode152, config152);
+</script>
+
+      
+<script>
+const targetNode61532113324 = document.body; // или другой родительский элемент
+const config61532113324 = { childList: true, subtree: true };
+const callback61532113324 = function(mutationsList, observer) {
+    for(let mutation of mutationsList) {
+        if (mutation.type === 'childList') {
+            const grApp61532113324 = document.getElementById('ga1');
+            
+            const targetDiv61532113324 = grApp61532113324.querySelector('#component-17');
+            const targetSpan61532113324 = Array.from(targetDiv61532113324.querySelectorAll('span')).find(span => span.textContent.includes('Number of inference steps'));
+            targetSpan61532113324.textContent = "Число шагов генерации:";
+            observer.disconnect(); // Останавливаем наблюдение после изменения
+        }
+    }
+};
+const observer61532113324 = new MutationObserver(callback61532113324);
+observer61532113324.observe(targetNode61532113324, config61532113324);
+</script>
+      
+<script>
+const targetNode1532113324 = document.body; // или другой родительский элемент
+const config1532113324 = { childList: true, subtree: true };
+const callback1532113324 = function(mutationsList, observer) {
+    for(let mutation of mutationsList) {
+        if (mutation.type === 'childList') {
+            const grApp1532113324 = document.getElementById('ga1');
+            
+            const targetDiv1532113324 = grApp1532113324.querySelector('#component-13');
+            const targetSpan1532113324 = Array.from(targetDiv1532113324.querySelectorAll('span')).find(span => span.textContent.includes('Height'));
+            targetSpan1532113324.textContent = "Высота:";
+            observer.disconnect(); // Останавливаем наблюдение после изменения
+        }
+    }
+};
+const observer1532113324 = new MutationObserver(callback1532113324);
+observer1532113324.observe(targetNode1532113324, config1532113324);
+</script>
+      
+<script>
+const targetNode532113324 = document.body; // или другой родительский элемент
+const config532113324 = { childList: true, subtree: true };
+const callback532113324 = function(mutationsList, observer) {
+    for(let mutation of mutationsList) {
+        if (mutation.type === 'childList') {
+            const grApp532113324 = document.getElementById('ga1');
+            
+            const targetDiv532113324 = grApp532113324.querySelector('#component-12');
+            const targetSpan532113324 = Array.from(targetDiv532113324.querySelectorAll('span')).find(span => span.textContent.includes('Width'));
+            targetSpan532113324.textContent = "Ширина:";
+            observer.disconnect(); // Останавливаем наблюдение после изменения
+        }
+    }
+};
+const observer532113324 = new MutationObserver(callback532113324);
+observer532113324.observe(targetNode532113324, config532113324);
+</script>
+      
+<script>
+const targetNode3 = document.body; // или другой родительский элемент
+const config3 = { childList: true, subtree: true };
+const callback3 = function(mutationsList, observer) {
+    for(let mutation of mutationsList) {
+        if (mutation.type === 'childList') {
+            const grApp3 = document.getElementById('ga1');
+            
+            const targetDiv3 = grApp3.querySelector('#component-7');
+            const targetSpan3 = Array.from(targetDiv3.querySelectorAll('span')).find(span => span.textContent.includes('Advanced Settings'));
+            targetSpan3.textContent = "Расширенные настройки";
+            observer.disconnect(); // Останавливаем наблюдение после изменения
+        }
+    }
+};
+const observer3 = new MutationObserver(callback3);
+observer3.observe(targetNode3, config3);
+</script>
+      
+<script>
+const targetNode12 = document.body; // или другой родительский элемент
+const config12 = { childList: true, subtree: true };
+const callback12 = function(mutationsList, observer) {
+    for(let mutation of mutationsList) {
+        if (mutation.type === 'childList') {
+            const grApp12 = document.getElementById('ga1');
+            const targetDiv12 = grApp12.querySelector('#component-4');
+            const targetSpan12 = targetDiv12.querySelector('input[data-testid="textbox"]');
+            targetSpan12.placeholder = "Введите описание изображения...";
+            observer.disconnect(); // Останавливаем наблюдение после изменения
+        }
+    }
+};
+const observer12 = new MutationObserver(callback12);
+observer12.observe(targetNode12, config12);
+</script>
+      
+      
+<script>
+const targetNode48 = document.body; // или другой родительский элемент
+const config48 = { childList: true, subtree: true };
+const callback48 = function(mutationsList, observer) {
+    for(let mutation of mutationsList) {
+        if (mutation.type === 'childList') {
+            const grApp48 = document.getElementById('ga1');
+            const targetDiv48 = grApp48.querySelector('#component-5');
+            targetDiv48.textContent = "Сгенерировать";
+            observer.disconnect(); // Останавливаем наблюдение после изменения
+        }
+    }
+};
+const observer48 = new MutationObserver(callback48);
+observer48.observe(targetNode48, config48);
+</script>
 	</body>
 </html>