root/ludu-admin-vue3
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

【优化】AI Chat 复制按钮和删除按钮间距

Browse Source
This commit is contained in:
cherishsince 2024-05-21 12:07:53 +08:00
parent e896e5bb27
commit 8ca3d26cbb
1 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/views/ai/chat/Message.vue
View File

@ -21,7 +21,7 @@
<img class="btn-image" src="@/assets/ai/copy.svg"/>
</el-button>
<el-button class="btn-cus" link @click="onDelete(item.id)">
<img class="btn-image" src="@/assets/ai/delete.svg" style="height: 17px"/>
<img class="btn-image" src="@/assets/ai/delete.svg" style="height: 17px; "/>
</el-button>
</div>
</div>
@ -45,7 +45,7 @@
<img class="btn-image" src="@/assets/ai/copy.svg"/>
</el-button>
<el-button class="btn-cus" link @click="onDelete(item.id)">
<img class="btn-image" src="@/assets/ai/delete.svg" style="height: 17px"/>
<img class="btn-image" src="@/assets/ai/delete.svg" style="height: 17px;margin-right: 12px;"/>
</el-button>
</div>
</div>
@ -228,12 +228,17 @@ onMounted(async () => {
}
}
.left-btns,
.right-btns {
.left-btns {
display: flex;
flex-direction: row;
margin-top: 8px;
}
.right-btns {
display: flex;
flex-direction: row-reverse;
margin-top: 8px;
}
}
// 复制、删除按钮