zhuchaowe/maxkb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

perf: 优化AI小助手宽屏下的样式

Browse Source
This commit is contained in:
wangdan-fit2cloud 2024-09-06 19:00:13 +08:00
parent 408a57afac
commit 5b2a9d16e8
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
ui/src/views/chat/embed/index.vue
View File

@ -36,9 +36,11 @@
class="AiChat-embed" class="AiChat-embed"
> >
<template #operateBefore> <template #operateBefore>
<div class="chat-width">
<el-button type="primary" link class="new-chat-button mb-8" @click="newChat"> <el-button type="primary" link class="new-chat-button mb-8" @click="newChat">
<el-icon><Plus /></el-icon><span class="ml-4">新建对话</span> <el-icon><Plus /></el-icon><span class="ml-4">新建对话</span>
</el-button> </el-button>
</div>
</template> </template>
</AiChat> </AiChat>
</div> </div>
@ -334,5 +336,9 @@ onMounted(() => {
padding-top: 12px; padding-top: 12px;
} }
} }
.chat-width {
max-width: var(--app-chat-width, 860px);
margin: 0 auto;
}
} }
</style> </style>