Upstream/waveterm
1
0
Fork 0
mirror of https://github.com/wavetermdev/waveterm.git synced 2025-01-02 18:39:05 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix Wave AI styling again (#1164)

Browse Source
This commit is contained in:
Evan Simkowitz 2024-10-28 16:46:00 -07:00 committed by GitHub
parent ee348d9fad
commit 96cc2adc91
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 77 additions and 75 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/app/view/waveai/waveai.less
View File

@ -8,18 +8,17 @@
height: 100%; height: 100%;
width: 100%; width: 100%;
.waveai-chat {
flex-grow: 1;
> .scrollable { > .scrollable {
flex-flow: column nowrap; flex-flow: column nowrap;
flex-grow: 1;
margin-bottom: 0; margin-bottom: 0;
overflow-y: auto; overflow-y: auto;
min-height: 100%; min-height: 100%;
.chat-window { .chat-window {
display: flex; display: flex;
// margin-bottom: 5px;
flex-direction: column; flex-direction: column;
min-height: 100%;
gap: 8px; gap: 8px;
// This is the filler that will push the chat messages to the bottom until the chat window is full // This is the filler that will push the chat messages to the bottom until the chat window is full
@ -103,6 +102,7 @@
} }
} }
} }
}
.waveai-controls { .waveai-controls {
display: flex; display: flex;

2
frontend/app/view/waveai/waveai.tsx
View File

@ -722,7 +722,9 @@ const WaveAi = ({ model }: { model: WaveAiModel; blockId: string }) => {
return ( return (
<div ref={waveaiRef} className="waveai"> <div ref={waveaiRef} className="waveai">
<div className="waveai-chat">
<ChatWindow ref={osRef} chatWindowRef={chatWindowRef} messages={messages} msgWidths={msgWidths} /> <ChatWindow ref={osRef} chatWindowRef={chatWindowRef} messages={messages} msgWidths={msgWidths} />
</div>
<div className="waveai-controls"> <div className="waveai-controls">
<div className="waveai-input-wrapper"> <div className="waveai-input-wrapper">
<ChatInput <ChatInput