From 88d43bd124792d216da445adef932a2b02f5f416 Mon Sep 17 00:00:00 2001 From: Dawood Khan Date: Tue, 19 Sep 2023 14:01:10 -0400 Subject: [PATCH] Fixes avatar image in chatbot being squashed (#5593) * gs * add changeset * fixes --------- Co-authored-by: gradio-pr-bot --- .changeset/lovely-radios-worry.md | 6 ++++++ js/chatbot/static/ChatBot.svelte | 2 ++ 2 files changed, 8 insertions(+) create mode 100644 .changeset/lovely-radios-worry.md diff --git a/.changeset/lovely-radios-worry.md b/.changeset/lovely-radios-worry.md new file mode 100644 index 0000000000..3df19340ca --- /dev/null +++ b/.changeset/lovely-radios-worry.md @@ -0,0 +1,6 @@ +--- +"@gradio/chatbot": patch +"gradio": patch +--- + +fix:Fixes avatar image in chatbot being squashed diff --git a/js/chatbot/static/ChatBot.svelte b/js/chatbot/static/ChatBot.svelte index e24f303a76..8bad3c6b7a 100644 --- a/js/chatbot/static/ChatBot.svelte +++ b/js/chatbot/static/ChatBot.svelte @@ -267,6 +267,7 @@ font-size: var(--text-lg); line-height: var(--line-lg); overflow-wrap: break-word; + overflow-x: hidden; } .message-fit { width: fit-content !important; @@ -319,6 +320,7 @@ justify-content: center; width: 35px; height: 35px; + flex-shrink: 0; bottom: 0; } .user-row > .avatar-container {