Upstream/waveterm
1
0
Fork 0
mirror of https://github.com/wavetermdev/waveterm.git synced 2024-12-22 16:48:23 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fixed open ai renderer not scrolling correctly (#165)

Browse Source 
* added scrolling to open ai renderer css

* fixed max width

* small fixes - added max width - added padding - fixed flex issue
This commit is contained in:
Cole Lashley 2023-12-18 17:20:13 -08:00 committed by GitHub
parent 226699732d
commit 2d08037782
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 17 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/plugins/openai/openai.less
View File

@ -10,6 +10,7 @@
color: @term-bright-green;
font-weight: bold;
width: 100px;
flex-shrink: 0;
}
.openai-role.openai-role-assistant {
@ -33,4 +34,6 @@
color: @term-bright-red;
}
}
overflow-y: auto;
}

20
src/plugins/openai/openai.tsx
View File

@ -196,7 +196,6 @@ class OpenAIRenderer extends React.Component<{ model: OpenAIRendererModel }> {
}
let message = output.message;
let opts = model.opts;
let maxWidth = opts.maxSize.width;
let minWidth = opts.maxSize.width;
if (minWidth > 1000) {
minWidth = 1000;
@ -206,12 +205,9 @@ class OpenAIRenderer extends React.Component<{ model: OpenAIRendererModel }> {
<div className="openai-role openai-role-assistant">[assistant]</div>
<div className="openai-content-assistant">
<div
className="scroller"
style={{
maxHeight: opts.maxSize.height,
minWidth: minWidth,
width: "min-content",
maxWidth: maxWidth,
paddingRight: 5
}}
>
<Markdown text={message} style={{ maxHeight: opts.maxSize.height }} />
@ -240,7 +236,19 @@ class OpenAIRenderer extends React.Component<{ model: OpenAIRendererModel }> {
let cmd = model.rawCmd;
let styleVal: Record<string, any> = null;
if (model.loading.get() && model.savedHeight >= 0 && model.isDone) {
styleVal = { height: model.savedHeight };
styleVal = {
height: model.savedHeight,
maxHeight: model.opts.maxSize.height
};
} else {
let maxWidth = model.opts.maxSize.width
if(maxWidth > 1000) {
maxWidth = 1000
}
styleVal = {
maxWidth: maxWidth,
maxHeight: model.opts.maxSize.height
};
}
let version = model.version.get();
let loadError = model.loadError.get();