28. Sept. 2024, 11:30

app.py

@@ -277,25 +277,34 @@ with gr.Blocks(theme=theme, css="custom.css", js="javascript.js") as demo:
                     """,
             elem_classes="md-header",
         )
-    with gr.Row(elem_classes="row-main"):
-        with gr.Column(scale=1):
-            input_image = gr.Image(label="Input Image", type="numpy", height=512)
-
-            ## TAB LINEART
-            with gr.Tab("Lineart"):
-                with gr.Row():
-                    gr.Markdown("## Lineart \n<p>Check Invert to use with Mochi Diffusion.  Inverted image can also be created here for use with ControlNet Scribble.")
-                with gr.Row():
-                    with gr.Column():
-                        preprocessor_name = gr.Radio(label="Preprocessor", show_label=False, choices=["Lineart", "Lineart Coarse", "Lineart Anime"], type="value", value="Lineart")
-                        invert = gr.Checkbox(label="Invert", value=True)
-                        resolution = gr.Slider(label="resolution", minimum=256, maximum=1024, value=512, step=64)
-                        run_btn_lineart = gr.Button("Run")
-
-        with gr.Column(scale=2):
-            gallery = gr.Gallery(label="Generated images", show_label=False, interactive=False, format="png", elem_id="output_gallery", elem_classes="output-gallery", columns=[3], rows=[2], object_fit="contain", height="auto", type="filepath")
+    with gr.Tab("Preprocessors"):
+        with gr.Row(elem_classes="row-main"):
+            with gr.Column(scale=1):
+                input_image = gr.Image(label="Input Image", type="numpy", height=512)
 
-        run_btn_lineart.click(fn=lineart, inputs=[input_image, resolution, preprocessor_name, invert, gallery], outputs=[gallery])
+                ## TAB LINEART
+                with gr.Tab("Lineart"):
+                    with gr.Row():
+                        gr.Markdown("## Lineart \n<p>Check Invert to use with Mochi Diffusion.  Inverted image can also be created here for use with ControlNet Scribble.")
+                    with gr.Row():
+                        with gr.Column():
+                            preprocessor_name = gr.Radio(label="Preprocessor", show_label=False, choices=["Lineart", "Lineart Coarse", "Lineart Anime"], type="value", value="Lineart")
+                            invert = gr.Checkbox(label="Invert", value=True)
+                            resolution = gr.Slider(label="resolution", minimum=256, maximum=1024, value=512, step=64)
+                            run_btn_lineart = gr.Button("Run")
+
+            with gr.Column(scale=2):
+                gallery = gr.Gallery(label="Generated images", show_label=False, interactive=False, format="png", elem_id="output_gallery", elem_classes="output-gallery", columns=[3], rows=[2], object_fit="contain", height="auto", type="filepath")
+
+    with gr.Tab("Tutorial"):
+        with gr.Row(elem_classes="row-main"):
+            with gr.Column():
+                gr.Markdown(
+                    f"""
+                    # Das Tutorial kommt bald.
+                    """
+                )
+    run_btn_lineart.click(fn=lineart, inputs=[input_image, resolution, preprocessor_name, invert, gallery], outputs=[gallery])
 
 
 """