update UI

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

View File

@ -39,7 +39,9 @@
</a-menu>
</template>
</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 class="graphbase flex-center">
知识库
@ -133,6 +135,7 @@ import {
CompassFilled,
GoldenFilled,
SettingOutlined,
SettingFilled,
} from '@ant-design/icons-vue'
import { marked } from 'marked';

View File

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