Update app.py

app.py

@@ -15,7 +15,7 @@ examples = [
     ["Fantasy dragon", None]
 ]
 
-# Custom CSS for minimalist style, horizontal example layout, and styled prompt box
+# Custom CSS for button styling and improved prompt box design
 custom_css = """
 /* Remove border and background color for the output image preview */
 .output-image {
@@ -23,14 +23,14 @@ custom_css = """
     background: none !important;
 }
 
-/* Prompt textbox styling */
+/* Prompt textbox styling with professional look */
 input[type="text"] {
-    border: 2px solid #ddd;
+    border: 2px solid #007bff;
     border-radius: 8px;
     padding: 12px;
     font-size: 16px;
     width: 100%;
-    background-color: #f9f9f9;
+    background-color: #f0f8ff; /* Light professional background */
 }
 
 /* Examples arranged in a single line, without buttons */
@@ -56,10 +56,10 @@ input[type="text"] {
     text-decoration: underline;
 }
 
-/* Styling for the generate button */
+/* Styling for the generate and clear buttons */
 button {
     border-radius: 50px;
-    background: transparent;
+    background: linear-gradient(90deg, #007bff, #00d4ff); /* Blue gradient */
     color: white;
     font-weight: bold;
     padding: 10px 20px;
@@ -68,6 +68,9 @@ button {
     font-size: 16px;
     margin-top: 10px;
 }
+
+button:hover {
+    background: linear-gradient(90deg, #00d4ff, #007bff);
 }
 """
 
@@ -75,7 +78,7 @@ button {
 interface = gr.Interface(
     fn=generate_image,
     inputs=[
-        gr.Textbox(label="Imagine anything:", placeholder="Describe the scene...", interactive=True),
+        gr.Textbox(label="Describe the scene:", placeholder="Type your imagination...", interactive=True),
         gr.Slider(minimum=0, maximum=10000, step=1, label="Seed (optional)")
     ],
     outputs=gr.Image(label="Generated Image", type="pil"),
@@ -84,4 +87,8 @@ interface = gr.Interface(
     description="Enter a creative prompt or choose an example to generate your AI-powered image. Model performance may vary due to CPU usage.",
 )
 
+# Add buttons to the interface
+interface.add_button("Generate", variant="primary")
+interface.add_button("Clear", variant="secondary")
+
 interface.launch()