oobabooga/text-generation-webui
1
0
Fork 0
mirror of https://github.com/oobabooga/text-generation-webui.git synced 2026-04-04 14:17:28 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

UI: Add a min-height to prevent constant scrolling during chat streaming

Browse source
This commit is contained in:
oobabooga 2025-05-02 23:45:58 -07:00
parent b21bd8bb1e
commit b71ef50e9d
5 changed files with 16 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

2
css/chat_style-Dark.css
View file

@ -1,5 +1,6 @@
.message {
display: grid;
align-items: start;
grid-template-columns: 60px minmax(0, 1fr);
padding-bottom: 28px;
font-size: 18px;
@ -102,6 +103,7 @@
@media screen and (width <= 688px) {
.message {
display: grid;
align-items: start;
grid-template-columns: 60px minmax(0, 1fr);
padding-bottom: 25px;
font-size: 15px;

2
css/chat_style-TheEncrypted777.css
View file

@ -2,6 +2,7 @@
.message {
display: grid;
align-items: start;
grid-template-columns: 60px minmax(0, 1fr);
padding-bottom: 28px;
font-size: 18px;
@ -100,6 +101,7 @@
@media screen and (width <= 688px) {
.message {
display: grid;
align-items: start;
grid-template-columns: 60px minmax(0, 1fr);
padding-bottom: 25px;
font-size: 15px;

1
css/chat_style-cai-chat.css
View file

@ -1,5 +1,6 @@
.message {
display: grid;
align-items: start;
grid-template-columns: 60px minmax(0, 1fr);
padding-bottom: 2em;
font-size: 15px;

5
css/main.css
View file

@ -403,6 +403,7 @@ div.svelte-362y77>*, div.svelte-362y77>.form>* {
.chat-parent {
height: calc(100dvh - 98px - var(--input-delta));
overflow: auto !important;
/* scroll-behavior: smooth; */
border-radius: 0 !important;
margin-bottom: var(--input-delta) !important;
}
@ -1382,3 +1383,7 @@ div.svelte-362y77>*, div.svelte-362y77>.form>* {
50% { opacity: 1; }
100% { opacity: 0.6; }
}
.streaming {
min-height: 70vh;
}