added gradio

I think image.save doesn't work in a hugging face space so I'm trying this instead

app.py

@@ -1,5 +1,6 @@
 import torch
 from diffusers import StableDiffusionPipeline
+import gradio as gr
 
 model_base = "runwayml/stable-diffusion-v1-5"
 lora_model_path = "Krebzonide/3a0s-w68r-4qw1-0"
@@ -8,9 +9,47 @@ pipe = StableDiffusionPipeline.from_pretrained(model_base, torch_dtype=torch.flo
 pipe.unet.load_attn_procs(lora_model_path)
 pipe.to("cuda")
 
-image = pipe(
-    "A picture of gfemti in a black dress, outdoors",
-    num_inference_steps=25,
-    guidance_scale=7.5
-).images[0]
-image.save("test1.png")
+css = """
+.btn-green {
+  background-image: linear-gradient(to bottom right, #86efac, #22c55e) !important;
+  border-color: #22c55e !important;
+  color: #166534 !important;
+}
+.btn-green:hover {
+  background-image: linear-gradient(to bottom right, #86efac, #86efac) !important;
+}
+.btn-red {
+  background: linear-gradient(to bottom right, #fda4af, #fb7185) !important;
+  border-color: #fb7185 !important;
+  color: #9f1239 !important;
+}
+.btn-red:hover {background: linear-gradient(to bottom right, #fda4af, #fda4af) !important;}
+/*****/
+.dark .btn-green {
+  background-image: linear-gradient(to bottom right, #047857, #065f46) !important;
+  border-color: #047857 !important;
+  color: #ffffff !important;
+}
+.dark .btn-green:hover {
+  background-image: linear-gradient(to bottom right, #047857, #047857) !important;
+}
+.dark .btn-red {
+  background: linear-gradient(to bottom right, #be123c, #9f1239) !important;
+  border-color: #be123c !important;
+  color: #ffffff !important;
+}
+.dark .btn-red:hover {background: linear-gradient(to bottom right, #be123c, #be123c) !important;}
+"""
+
+def generate(prompt):
+    images = pipe(prompt,num_inference_steps=25,guidance_scale=7.5).images
+    return [(img, f"Image {i+1}") for i, img in enumerate(images)]
+        
+
+with gr.Blocks(css=css) as demo:
+    with gr.Collumn():
+        prompt = gr.Textbox(label="Prompt")
+        submit_btn = gr.Button("Generate", variant="primary", min_width="96px")
+        gallery = gr.Gallery(label="Generated images")
+
+submit_btn.click(generate, [prompt], [gallery], queue=True)