mmarch/text-generation-webui
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Rename some CSS variables

Browse source
This commit is contained in:
oobabooga 2023-12-25 14:10:07 -08:00
parent 5466ae59a7
commit 8d0359a6d8
2 changed files with 9 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

12
css/main.css
View file

@ -342,20 +342,20 @@ div.svelte-362y77>*, div.svelte-362y77>.form>* {
} }
.chat-parent { .chat-parent {
height: calc(100dvh - 98px - var(--chat-input-offset) - var(--my-delta)); height: calc(100dvh - 98px - var(--header-height) - var(--input-delta));
overflow: auto !important; overflow: auto !important;
border-radius: 0 0 8px 8px !important; border-radius: 0 0 8px 8px !important;
margin-bottom: var(--my-delta) !important; margin-bottom: var(--input-delta) !important;
} }
.old-ui .chat-parent { .old-ui .chat-parent {
height: calc(100dvh - 192px - var(--chat-input-offset) - var(--my-delta)); height: calc(100dvh - 192px - var(--header-height) - var(--input-delta));
margin-bottom: var(--my-delta) !important; margin-bottom: var(--input-delta) !important;
} }
.chat-parent.bigchat { .chat-parent.bigchat {
height: calc(100dvh - 98px - var(--chat-input-offset) - var(--my-delta)) !important; height: calc(100dvh - 98px - var(--header-height) - var(--input-delta)) !important;
margin-bottom: var(--my-delta) !important; margin-bottom: var(--input-delta) !important;
} }
.chat > .messages { .chat > .messages {

6
js/main.js
View file

@ -340,12 +340,12 @@ function updateCssProperties() {
const chatInputHeight = document.querySelector('#chat-input textarea').clientHeight; const chatInputHeight = document.querySelector('#chat-input textarea').clientHeight;
const newChatHeight = `${chatContainer.clientHeight - chatInputHeight + 40}px`; const newChatHeight = `${chatContainer.clientHeight - chatInputHeight + 40}px`;
document.documentElement.style.setProperty('--chat-height', newChatHeight); document.documentElement.style.setProperty('--chat-height', newChatHeight);
document.documentElement.style.setProperty('--my-delta', `${chatInputHeight - 40}px`); document.documentElement.style.setProperty('--input-delta', `${chatInputHeight - 40}px`);
// Set the position offset of the chat input box // Set the position offset of the chat input box
const header = document.querySelector('.header_bar'); const header = document.querySelector('.header_bar');
const chatInputOffset = `${header.clientHeight}px`; const headerHeight = `${header.clientHeight}px`;
document.documentElement.style.setProperty('--chat-input-offset', chatInputOffset); document.documentElement.style.setProperty('--header-height', headerHeight);
// Offset the scroll position of the chat area // Offset the scroll position of the chat area
if (chatInputHeight !== currentChatInputHeight) { if (chatInputHeight !== currentChatInputHeight) {