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

Optimize the Chat tab (#6948)

Browse source
This commit is contained in:
oobabooga 2025-05-04 18:58:37 -03:00 • committed by GitHub
parent b7a5c7db8d
commit 7853fb1c8d
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 13 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

34
css/main.css
View file

@ -389,7 +389,7 @@ div.svelte-362y77>*, div.svelte-362y77>.form>* {
.chat {
margin-left: auto;
margin-right: auto;
min-height: var(--chat-height);
flex: 1;
overflow-y: auto;
display: flex;
flex-direction: column;
@ -401,11 +401,9 @@ div.svelte-362y77>*, div.svelte-362y77>.form>* {
}
.chat-parent {
height: calc(100dvh - 98px - var(--input-delta));
flex: 1;
overflow: auto !important;
/* scroll-behavior: smooth; */
border-radius: 0 !important;
margin-bottom: var(--input-delta) !important;
}
.chat-parent .prose {
@ -422,8 +420,7 @@ div.svelte-362y77>*, div.svelte-362y77>.form>* {
}
.chat-parent.bigchat {
height: calc(100dvh - 98px - var(--input-delta)) !important;
margin-bottom: var(--input-delta) !important;
flex: 1;
}
.chat > .messages {
@ -604,8 +601,6 @@ div.svelte-362y77>*, div.svelte-362y77>.form>* {
}
.chat-input-positioned {
position: absolute;
bottom: 0;
max-width: 54rem;
left: 50%;
transform: translateX(-50%);
@ -790,7 +785,8 @@ div.svelte-362y77>*, div.svelte-362y77>.form>* {
}
#chat-input-container {
min-width: 0 !important;
display: flex;
flex-direction: column;
}
#chat-input-container > .form {
@ -799,9 +795,7 @@ div.svelte-362y77>*, div.svelte-362y77>.form>* {
}
#chat-input-row {
padding-bottom: 1.5em;
padding-left: 1rem;
padding-right: 1rem;
padding: 1rem;
}
#chat-input-row.bigchat {
@ -809,22 +803,16 @@ div.svelte-362y77>*, div.svelte-362y77>.form>* {
}
#chat-col {
padding-bottom: 100px;
height: 100dvh;
display: flex;
flex-direction: column;
padding-bottom: 0;
}
@media screen and (width <= 924px) {
#chat-col {
padding-bottom: 100px;
height: calc(100dvh - 132px);
margin-top: 32px;
position: relative; /* Ensure positioning for the pseudo-element */
}
.chat-parent {
height: calc(100dvh - 98px - var(--input-delta) - 32px);
}
.chat-parent.bigchat {
height: calc(100dvh - 98px - var(--input-delta) - 32px) !important;
}
}