Update app.py

app.py

@@ -24,45 +24,47 @@ object_bboxes_list = []
 # Function to add or update the prompt in the list
 def submit_prompt(prompt):
     if object_classes_list:
-        object_classes_list[0] = prompt  # Overwrite the first element if it exists
+        object_classes_list[0] = prompt
     else:
-        object_classes_list.insert(0, prompt)  # Add to the beginning if the list is empty
+        object_classes_list.insert(0, prompt)
 
     if not object_bboxes_list:
-        object_bboxes_list.insert(0, "0,0,512,512")  # Add the default bounding box if the list is empty
+        object_bboxes_list.insert(0, "0,0,512,512")
 
     combined_list = [[cls, bbox] for cls, bbox in zip(object_classes_list, object_bboxes_list)]
-    return combined_list, gr.update(interactive=False)  # Make the prompt input non-editable
+    return combined_list, gr.update(interactive=False)
 
 # Function to add a new object with validation
 def add_object(object_class, bbox):
     try:
-        # Split and convert bbox string into integers
         x1, y1, x2, y2 = map(int, bbox.split(","))
-        
-        # Validate the coordinates
-        if x2 < x1 or y2 < y1:
-            return "Error: x2 cannot be less than x1 and y2 cannot be less than y1.", []
-        if x1 < 0 or y1 < 0 or x2 > 512 or y2 > 512:
-            return "Error: Coordinates must be between 0 and 512.", []
-
-        # If validation passes, add to the lists
+        if x2 < x1 or y2 < y1 or x1 < 0 or y1 < 0 or x2 > 512 or y2 > 512:
+            return "Error: Invalid coordinates.", []
         object_classes_list.append(object_class)
         object_bboxes_list.append(bbox)
         combined_list = [[cls, bbox] for cls, bbox in zip(object_classes_list, object_bboxes_list)]
         return combined_list
-
     except ValueError:
         return "Error: Invalid input format. Use x1,y1,x2,y2.", []
 
-# Gradio UI
-with gr.Blocks() as demo:
+# Gradio UI with custom CSS
+css = """
+#custom-prompt {
+    width: 400px;  /* Set the width of the prompt input box */
+}
+#custom-button {
+    width: 150px;  /* Set the width of the submit button */
+    height: 38px;  /* Set the height of the submit button */
+}
+"""
+
+with gr.Blocks(css=css) as demo:
     gr.Markdown("# Text-to-Image Generator with Object Addition")
 
-    # Put prompt and submit button together in the same input field
+    # Put prompt and submit button in the same row and apply custom styles
     with gr.Row():
-        prompt = gr.Textbox(label="Prompt", placeholder="Enter your prompt here", interactive=True)
-        submit_button = gr.Button("Submit", size="sm")  # Use a smaller button size
+        prompt = gr.Textbox(label="Prompt", placeholder="Enter your prompt here", elem_id="custom-prompt")
+        submit_button = gr.Button("Submit Prompt", elem_id="custom-button")
 
     # Always visible DataFrame
     objects_display = gr.Dataframe(