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 layout

Browse Source
This commit is contained in:
Red Adaya 2024-04-29 13:34:02 +08:00
parent 30b9453bcd
commit e40f93b858
4 changed files with 33 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/app/sidebar/aichat.less
View File

@ -7,7 +7,7 @@
.titlebar {
background-color: var(--app-panel-bg-color);
color: var(--term-blue);
padding: 6px 10px 6px 10px;
padding: 6px 15px;
display: flex;
flex: 0 0 auto;
flex-direction: row;
@ -28,7 +28,8 @@
display: flex;
flex-flow: column nowrap;
flex: 1;
padding: var(--termpad) calc(var(--termpad) * 2) var(--termpad) calc(var(--termpad) * 3 - 1px);
padding: 0 15px;
margin-bottom: 0;
.chat-window {
display: flex;

14
src/app/sidebar/aichat.tsx
View File

@ -250,14 +250,12 @@ class AIChat extends React.Component<{}, {}> {
<div className="title-string">Wave AI</div>
</div>
<OverlayScrollbarsComponent className="auxview-content" options={{ scrollbars: { autoHide: "leave" } }}>
<div className="content">
<div className="chat-window" ref={this.chatWindowScrollRef}>
<div className="filler"></div>
<For each="chitem" index="idx" of={chatMessageItems}>
{this.renderChatMessage(chitem)}
</For>
</div>
<OverlayScrollbarsComponent className="content" options={{ scrollbars: { autoHide: "leave" } }}>
<div className="chat-window" ref={this.chatWindowScrollRef}>
<div className="filler"></div>
<For each="chitem" index="idx" of={chatMessageItems}>
{this.renderChatMessage(chitem)}
</For>
</div>
</OverlayScrollbarsComponent>

2
src/app/sidebar/right.less
View File

@ -23,7 +23,7 @@
height: 39px;
display: flex;
align-items: center;
justify-content: flex-end;
justify-content: space-between;
padding: 0 5px;
border-bottom: 1px solid var(--app-border-color);
}

46
src/app/sidebar/right.tsx
View File

@ -78,35 +78,35 @@ class RightSideBar extends React.Component<RightSideBarProps, {}> {
{(toggleCollapse) => (
<React.Fragment>
<div className="header">
<Button className="secondary ghost" onClick={toggleCollapse}>
<i className="fa-sharp fa-regular fa-xmark"></i>
</Button>
</div>
<div className="rsb-modes">
<div className="flex-spacer" />
<If condition={GlobalModel.isDev}>
<div className="rsb-modes">
<div
className="icon-container"
title="Show Keybinding Debugger"
onClick={() => this.setMode("keybind")}
onClick={() => this.setMode("ai")}
>
<i className="fa-fw fa-sharp fa-keyboard fa-solid" />
<i className="fa-sharp fa-regular fa-sparkles fa-fw" />
</div>
<div className="flex-spacer" />
<If condition={GlobalModel.isDev}>
<div
className="icon-container"
title="Show Keybinding Debugger"
onClick={() => this.setMode("keybind")}
>
<i className="fa-fw fa-sharp fa-keyboard fa-solid" />
</div>
</If>
<div
className="icon-container"
title="Show Keybinding Debugger"
onClick={() => this.setMode("wavebook")}
>
<i className="fa-sharp fa-solid fa-book-sparkles"></i>
</div>
</If>
<div
className="icon-container"
title="Show Keybinding Debugger"
onClick={() => this.setMode("wavebook")}
>
<i className="fa-sharp fa-solid fa-book-sparkles"></i>
</div>
<div
className="icon-container"
title="Show Keybinding Debugger"
onClick={() => this.setMode("ai")}
>
<i className="fa-sharp fa-regular fa-sparkles fa-fw" />
</div>
<Button className="secondary ghost" onClick={toggleCollapse}>
<i className="fa-sharp fa-regular fa-xmark"></i>
</Button>
</div>
<If condition={this.mode.get() == "keybind"}>
<KeybindDevPane></KeybindDevPane>