Upstream/waveterm
1
0
Fork 0
mirror of https://github.com/wavetermdev/waveterm.git synced 2025-01-08 19:38:51 +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; color: @term-bright-green;
font-weight: bold; font-weight: bold;
width: 100px; width: 100px;
flex-shrink: 0;
} }
.openai-role.openai-role-assistant { .openai-role.openai-role-assistant {
@ -33,4 +34,6 @@
color: @term-bright-red; 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 message = output.message;
let opts = model.opts; let opts = model.opts;
let maxWidth = opts.maxSize.width;
let minWidth = opts.maxSize.width; let minWidth = opts.maxSize.width;
if (minWidth > 1000) { if (minWidth > 1000) {
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-role openai-role-assistant">[assistant]</div>
<div className="openai-content-assistant"> <div className="openai-content-assistant">
<div <div
className="scroller"
style={{ style={{
maxHeight: opts.maxSize.height, maxHeight: opts.maxSize.height,
minWidth: minWidth, paddingRight: 5
width: "min-content",
maxWidth: maxWidth,
}} }}
> >
<Markdown text={message} style={{ maxHeight: opts.maxSize.height }} /> <Markdown text={message} style={{ maxHeight: opts.maxSize.height }} />
@ -240,7 +236,19 @@ class OpenAIRenderer extends React.Component<{ model: OpenAIRendererModel }> {
let cmd = model.rawCmd; let cmd = model.rawCmd;
let styleVal: Record<string, any> = null; let styleVal: Record<string, any> = null;
if (model.loading.get() && model.savedHeight >= 0 && model.isDone) { 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 version = model.version.get();
let loadError = model.loadError.get(); let loadError = model.loadError.get();