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 padding to only show the last message/reply after sending a message

Browse source 
To avoid scrolling
This commit is contained in:
oobabooga 2025-05-04 18:04:52 -07:00
parent d9da16edba
commit 690d693913
10 changed files with 25 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

3
css/chat_style-Dark.css
View file

@ -2,7 +2,8 @@
display: grid;
align-items: start;
grid-template-columns: 60px minmax(0, 1fr);
padding-bottom: 28px;
padding-bottom: 14px;
padding-top: 14px;
font-size: 18px;
font-family: Roboto, Arial, sans-serif; /* Modern font */
line-height: 1.5;

3
css/chat_style-TheEncrypted777.css
View file

@ -4,7 +4,8 @@
display: grid;
align-items: start;
grid-template-columns: 60px minmax(0, 1fr);
padding-bottom: 28px;
padding-bottom: 14px;
padding-top: 14px;
font-size: 18px;
font-family: 'Noto Sans', Arial, sans-serif;
line-height: 1.428571429;

3
css/chat_style-cai-chat-square.css
View file

@ -16,6 +16,7 @@
}
.message {
padding-bottom: 2em;
padding-bottom: 1em;
padding-top: 1em;
grid-template-columns: 70px minmax(0, 1fr);
}

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

@ -2,7 +2,8 @@
display: grid;
align-items: start;
grid-template-columns: 60px minmax(0, 1fr);
padding-bottom: 2em;
padding-bottom: 1em;
padding-top: 1em;
font-size: 15px;
font-family: 'Noto Sans', Helvetica, Arial, sans-serif;
line-height: 22.5px !important;

3
css/chat_style-messenger.css
View file

@ -1,5 +1,6 @@
.message {
padding-bottom: 25px;
padding-bottom: 12.5px;
padding-top: 12.5px;
font-size: 15px;
font-family: 'Noto Sans', Helvetica, Arial, sans-serif;
line-height: 1.428571429;

3
css/chat_style-wpp.css
View file

@ -1,5 +1,6 @@
.message {
padding-bottom: 25px;
padding-bottom: 12.5px;
padding-top: 12.5px;
font-size: 15px;
font-family: 'Noto Sans', Helvetica, Arial, sans-serif;
line-height: 1.428571429;

4
css/html_instruct_style.css
View file

@ -8,10 +8,6 @@
padding-top: 0 !important;
}
.chat > .messages > :last-child {
margin-bottom: 1.7rem !important;
}
.chat .message-body p, .chat .message-body li {
font-size: 1rem !important;
line-height: 28px !important;

4
css/main.css
View file

@ -1375,7 +1375,3 @@ div.svelte-362y77>*, div.svelte-362y77>.form>* {
50% { opacity: 1; }
100% { opacity: 0.6; }
}
.streaming {
min-height: 70vh;
}