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