mirror/gradio
2
0
Fork 0
mirror of https://github.com/gradio-app/gradio.git synced 2025-03-13 11:57:29 +08:00
Code Issues Packages Projects Releases Wiki Activity

Ensure chatbot background is consistent with other components (#8607)

Browse Source
This commit is contained in:
pngwn 2024-06-25 11:37:23 +01:00 committed by GitHub
parent fe83e6445a
commit c7cd0a0e9a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
.changeset/green-hounds-smoke.md Normal file
View File

@ -0,0 +1,6 @@
---
"@gradio/chatbot": minor
"gradio": minor
---
feat:Ensure chatbot background is consistent with other components

8
js/chatbot/shared/ChatBot.svelte
View File

@ -391,11 +391,15 @@
.bubble-wrap {
width: 100%;
overflow-y: auto;
background: var(--background-fill-secondary);
height: 100%;
padding-top: var(--spacing-xxl);
}
:global(.dark) .bubble-wrap {
background: var(--background-fill-secondary);
}
.message-wrap {
display: flex;
flex-direction: column;
@ -469,7 +473,6 @@
/* Colors */
.bubble .bot {
border-color: var(--border-color-primary);
background: var(--background-fill-secondary);
}
.bubble .user {
@ -522,7 +525,6 @@
.message-row.bubble.bot-row {
align-self: flex-start;
background: var(--background-fill-secondary);
width: calc(100% - var(--spacing-xl) * 6);
}