UI: Better handle the chat input position with CSS

This also solves scrolling issues with the main chat content
when the height of the textarea increases.
This commit is contained in:
oobabooga 2025-08-27 05:43:13 -07:00
parent 8042f76399
commit 73442a2b6d
3 changed files with 33 additions and 0 deletions

View file

@ -99,9 +99,11 @@
.message-body p em {
color: rgb(110 110 110) !important;
}
.editing-textarea {
width: max(30rem) !important;
}
.circle-you + .text .edit-control-button, .circle-you + .text .editing-textarea {
color: #000 !important;
}

View file

@ -404,6 +404,7 @@ div.svelte-362y77>*, div.svelte-362y77>.form>* {
flex: 1;
overflow: auto !important;
border-radius: 0 !important;
margin-bottom: 75px;
}
.chat-parent .prose {
@ -626,6 +627,9 @@ div.svelte-362y77>*, div.svelte-362y77>.form>* {
max-width: 54rem;
left: 50%;
transform: translateX(-50%);
position: absolute;
bottom: 0;
background: var(--body-background-fill);
}
@media print {