Browse Source

change chat css

master
godo 6 months ago
parent
commit
275d470871
  1. 13
      frontend/src/assets/chat.scss
  2. 4
      frontend/src/components/localchat/AiChatMain.vue

13
frontend/src/assets/chat.scss

@ -91,4 +91,17 @@
.top-menu-button:hover {
background-color: #f0f8ff; /* 悬停时的背景颜色 */
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 悬停时的阴影效果 */
}
.selected-image {
position: relative;
&::after {
content: '';
position: absolute;
top: -5px;
right: -5px;
width: 10px;
height: 10px;
background-color: red;
border-radius: 50%;
}
}

4
frontend/src/components/localchat/AiChatMain.vue

@ -93,7 +93,7 @@ const createCompletion = async () => {
model: img2txtModel.model,
//"prompt":userMessage.value,
stream: false,
//options: chatConfig,
options: chatConfig,
messages: [
{
role: "user",
@ -210,7 +210,7 @@ const uploadImage = async (event: any) => {
<div class="input-panel">
<el-row :gutter="24" style="border-bottom: none;">
<el-col :span="2">
<el-button @click="selectImage" size="large" icon="Paperclip" circle />
<el-button @click="selectImage" size="large" icon="Paperclip" circle :class="{ 'selected-image': imageData != '' }"/>
<input type="file" ref="imageInput" accept="image/*" style="display: none" @change="uploadImage" />
</el-col>
<el-col :span="19">

Loading…
Cancel
Save