fix expanded command

This commit is contained in:
sawka 2023-05-05 13:06:29 -07:00
parent 957a1e4059
commit 162dd5a7a9
2 changed files with 12 additions and 4 deletions

View File

@ -274,7 +274,7 @@ class LineOpenAI extends React.Component<{screen : LineContainerModel, line : Li
} }
return ( return (
<div className="openai-message"> <div className="openai-message">
<span className="openai-role">[user]</span> <span className="openai-role openai-role-user">[user]</span>
<div className="openai-content">{cmdStr}</div> <div className="openai-content">{cmdStr}</div>
</div> </div>
); );
@ -284,7 +284,7 @@ class LineOpenAI extends React.Component<{screen : LineContainerModel, line : Li
let output = "...\nhello\nmore"; let output = "...\nhello\nmore";
return ( return (
<div className="openai-message"> <div className="openai-message">
<div className="openai-role">[assistant]</div> <div className="openai-role openai-role-assistant">[assistant]</div>
<div className="openai-content">{output}</div> <div className="openai-content">{output}</div>
</div> </div>
); );

View File

@ -45,11 +45,15 @@
justify-content: flex-start; justify-content: flex-start;
.openai-role { .openai-role {
color: @term-green; color: @term-bright-green;
font-weight: bold; font-weight: bold;
width: 100px; width: 100px;
} }
.openai-role.openai-role-assistant {
color: @term-bright-white;
}
.openai-content { .openai-content {
white-space: pre; white-space: pre;
color: white; color: white;
@ -73,6 +77,10 @@
height: 36px; height: 36px;
width: 100%; width: 100%;
&.is-expanded {
height: auto;
}
.line-icon { .line-icon {
display: block; display: block;
visibility: hidden; visibility: hidden;
@ -438,7 +446,7 @@
margin-top: 2px; margin-top: 2px;
padding-left: 6px; padding-left: 6px;
overflow-y: auto; overflow-y: auto;
max-height: 54px; max-height: 60px;
border-left: 2px solid #333; border-left: 2px solid #333;
margin-left: 3px; margin-left: 3px;