Update app.py

app.py

@@ -192,7 +192,7 @@ with gr.Blocks(theme=theme, css=css) as app:
                             
                 # Add a button to trigger the image generation
                 with gr.Row():
-                    text_button = gr.Button("Run", variant='primary', elem_id="gen-button")
+                    text_button = gr.Button("Generate Image", variant='primary', elem_id="gen-button")
                 
                 # Image output area to display the generated image
                 with gr.Row():
@@ -210,6 +210,27 @@ with gr.Blocks(theme=theme, css=css) as app:
                 # Bind the button to the query function with the added width and height inputs
                 text_button.click(query, inputs=[text_prompt, negative_prompt, steps, cfg, method, seed, strength, width, height], outputs=image_output)
 
+        with gr.Tab("ℹ️ Tips"):
+            with gr.Row():
+                with gr.Column():
+                    gr.Markdown(
+            """
+            <div style="max-width: 650px; margin: 2rem auto; padding: 1rem; border-radius: 10px; background-color: #f0f0f0;">
+                <h2 style="float: left; font-size: 1.5rem; margin-bottom: 1rem;">How to Use</h2>
+                <ol style="padding-left: 1.5rem;">
+                    <li>Add an image to generate a prompt, this is optional.</li>
+                    <li>If using an image to prompt, copy the prompt and paste into the prompt on tab 2</li>
+                    <li>Enter a detailed description of the image you want to create.</li>
+                    <li>Adjust advanced settings if desired (tap to expand).</li>
+                    <li>Tap "Generate Image" and wait for your creation!</li>
+                </ol>
+                <p style="margin-top: 1rem; font-style: italic;">Tip: Be specific in your description for best results!</p>
+                <p style="margin-top: 1rem; font-style: italic;">*Note: Some LoRA models will not work every time (not sure why), refresh the page and try again</p>
+                <p style="margin-top: 1rem; font-style: italic;">*I'm still playing around to try to sort the issue, feel free to let me know if you find a fix</p>
+            </div>
+            """
+            )
+
 app.queue(default_concurrency_limit=200, max_size=200)  # <-- Sets up a queue with default parameters
 if __name__ == "__main__":
     # Launch the Gradio app