Spaces:
Sleeping
Sleeping
internomega-terrablue Claude Sonnet 4.6 commited on
Commit ·
ba4c4fa
1
Parent(s): 54210ab
fix: target Gradio 4 chatbot wrapper for compact user bubble
Browse filesCo-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
theme.py
CHANGED
|
@@ -182,14 +182,18 @@ CUSTOM_CSS = """
|
|
| 182 |
border-radius: 14px !important;
|
| 183 |
padding: 14px 18px !important;
|
| 184 |
}
|
| 185 |
-
/* User bubble */
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 186 |
#chatbot .message.user {
|
| 187 |
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
|
| 188 |
color: white !important;
|
| 189 |
border: none !important;
|
| 190 |
box-shadow: 0 4px 14px rgba(102,126,234,0.25);
|
| 191 |
max-width: fit-content !important;
|
| 192 |
-
margin-left: auto !important;
|
| 193 |
}
|
| 194 |
/* Assistant bubble */
|
| 195 |
#chatbot .message.bot {
|
|
|
|
| 182 |
border-radius: 14px !important;
|
| 183 |
padding: 14px 18px !important;
|
| 184 |
}
|
| 185 |
+
/* User bubble — shrink to fit content */
|
| 186 |
+
#chatbot .bot-row { justify-content: flex-start !important; }
|
| 187 |
+
#chatbot .user-row { justify-content: flex-end !important; }
|
| 188 |
+
#chatbot .user-row .message-bubble-border {
|
| 189 |
+
max-width: fit-content !important;
|
| 190 |
+
}
|
| 191 |
#chatbot .message.user {
|
| 192 |
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
|
| 193 |
color: white !important;
|
| 194 |
border: none !important;
|
| 195 |
box-shadow: 0 4px 14px rgba(102,126,234,0.25);
|
| 196 |
max-width: fit-content !important;
|
|
|
|
| 197 |
}
|
| 198 |
/* Assistant bubble */
|
| 199 |
#chatbot .message.bot {
|