kris/ForcePilot
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

update UI

Browse Source
This commit is contained in:
Wenjie Zhang 2024-07-22 00:01:01 +08:00
parent 3ab20611a2
commit 9bdae3e164
2 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
web/src/components/ChatComponent.vue
View File

@ -39,7 +39,9 @@
</a-menu> </a-menu>
</template> </template>
</a-dropdown> </a-dropdown>
<div class="nav-btn text" @click="state.showPanel = !state.showPanel"><SettingOutlined /></div> <div class="nav-btn text" @click="state.showPanel = !state.showPanel">
<component :is="state.showPanel ? SettingFilled : SettingOutlined" />
</div>
<div v-if="state.showPanel" class="my-panal" ref="panel"> <div v-if="state.showPanel" class="my-panal" ref="panel">
<div class="graphbase flex-center"> <div class="graphbase flex-center">
知识库 知识库
@ -133,6 +135,7 @@ import {
CompassFilled, CompassFilled,
GoldenFilled, GoldenFilled,
SettingOutlined, SettingOutlined,
SettingFilled,
} from '@ant-design/icons-vue' } from '@ant-design/icons-vue'
import { marked } from 'marked'; import { marked } from 'marked';

7
web/src/views/ChatView.vue
View File

@ -145,6 +145,7 @@ onMounted(() => {
border-right: 1px solid #EDF4F5; border-right: 1px solid #EDF4F5;
min-width: var(--min-sider-width); min-width: var(--min-sider-width);
max-width: 200px; max-width: 200px;
background-color: #FAFCFD;
& .actions { & .actions {
height: var(--header-height); height: var(--header-height);
@ -152,10 +153,10 @@ onMounted(() => {
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding: 16px; padding: 16px;
margin-bottom: 16px; // margin-bottom: 16px;
position: sticky; position: sticky;
top: 0; top: 0;
background-color: white; background-color: #FAFCFD;
z-index: 9; z-index: 9;
.action { .action {
@ -180,7 +181,7 @@ onMounted(() => {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding: 16px; padding: 12px;
cursor: pointer; cursor: pointer;
width: 100%; width: 100%;
user-select: none; user-select: none;