Spaces:
Running
Running
Update UI
Browse files
app.py
CHANGED
@@ -73,14 +73,14 @@ def handle_conversation_turn(user_input: str, user_image: Image.Image, history:
|
|
73 |
print(f"An exception occurred during conversation turn: {type(e).__name__}: {e}")
|
74 |
yield history, history
|
75 |
|
76 |
-
# --- UI MODIFICATION: Professional CSS
|
77 |
css = """
|
78 |
-
/* Main App Styling */
|
79 |
-
body, .gradio-container { background-color: #
|
80 |
#chat-container { flex-grow: 1; overflow-y: auto; padding-bottom: 200px !important; }
|
81 |
/* Chat Bubble Styling */
|
82 |
-
.user .message-bubble { background-color: #dbeafe !important; color: #1f2937 !important; }
|
83 |
-
.bot .message-bubble { background-color: #f3f4f6 !important; color: #1f2937 !important; }
|
84 |
/* Sticky Footer Input Bar */
|
85 |
#footer-container {
|
86 |
position: fixed !important; bottom: 0; left: 0; width: 100%;
|
|
|
73 |
print(f"An exception occurred during conversation turn: {type(e).__name__}: {e}")
|
74 |
yield history, history
|
75 |
|
76 |
+
# --- UI MODIFICATION: Professional CSS with a white background ---
|
77 |
css = """
|
78 |
+
/* Main App Styling - THE FIX IS HERE */
|
79 |
+
body, .gradio-container { background-color: #ffffff !important; }
|
80 |
#chat-container { flex-grow: 1; overflow-y: auto; padding-bottom: 200px !important; }
|
81 |
/* Chat Bubble Styling */
|
82 |
+
.user > .message-bubble-row .message-bubble { background-color: #dbeafe !important; color: #1f2937 !important; border-top-right-radius: 5px !important; }
|
83 |
+
.bot > .message-bubble-row .message-bubble { background-color: #f3f4f6 !important; color: #1f2937 !important; border-top-left-radius: 5px !important; }
|
84 |
/* Sticky Footer Input Bar */
|
85 |
#footer-container {
|
86 |
position: fixed !important; bottom: 0; left: 0; width: 100%;
|