Sep 10, 2024, 6:27 PM

_res/_custom.css

@@ -256,6 +256,20 @@ span.has-info+div {
 
 }
 
+input[type=range].svelte-pc1gm4 {
+    background: var(--neutral-700);
+
+    & ::-webkit-slider-thumb {
+        border: solid .5px var(--primary-600);
+        background-color: var(--primary-600);
+    }
+
+    &::-webkit-slider-thumb:hover {
+        border: solid .5px var(--primary-700);
+        background-color: var(--primary-700);
+    }
+}
+
 /* Hide Progress */
 .hide-progress:has(.wrap.default.full) {
     pointer-events: none;

app.py

@@ -198,13 +198,13 @@ with gr.Blocks(theme=theme, head=custom_head, css=custom_css, js=custom_js, titl
                                     image_info_tb_height = gr.Textbox(label="Höhe", lines=1, max_lines=1, interactive=False, show_copy_button=True, elem_classes="image-info-tb-height")
                                 with gr.Row(elem_classes="img-seed-wrapper"):
                                     image_info_tb_seed = gr.Textbox(label="Seed", lines=1, max_lines=1, interactive=False, show_copy_button=True, elem_classes="image-info-tb-seed")
+                                    image_info_tb_prompt = gr.Textbox("Bild Prompt", lines=4, max_lines=8, interactive=False, elem_classes="hide-progress", show_copy_button=True, visible=False)
                                 # image_info_tb_prompt = gr.Textbox("Bild Prompt", lines=4, max_lines=8, interactive=False, show_copy_button=True, visible=True)
                                 image_download_button = gr.DownloadButton("Bild herunterladen", value=None, elem_classes="download-button", variant="primary", visible=False)
 
                 output_url = gr.Textbox(label="Output URL", show_label=True, interactive=False, visible=False)
                 outpu_image_comment = gr.Json(visible=False)
                 output_dominant_image_color = gr.Textbox(show_label=False, elem_id="dominant_image_color", visible=True, elem_classes="output-dominant-image-color")
-                image_info_tb_prompt = gr.Textbox("Bild Prompt", lines=4, max_lines=8, interactive=False, elem_classes="hide-progress", show_copy_button=True, visible=True)
 
         def switch_image_size_values(image_width, image_height):
             return image_height, image_width