smart-flow/yudao-ui-admin-vben
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat：【ele】【ai】chat/index：修复小按钮之间的间隙不生效问题

Browse Source
This commit is contained in:
YunaiV
2025-11-19 20:31:33 +08:00
parent 55b47214c6
commit c0fe164710
2 changed files with 11 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
apps/web-ele/src/views/ai/chat/index/index.vue
View File

@@ -578,26 +578,26 @@ onMounted(async () => {
<ElButton
type="primary"
plain
class="px-2"
class="!px-2"
size="small"
@click="openChatConversationUpdateForm"
>
<span v-html="activeConversation?.modelName"></span>
<IconifyIcon icon="lucide:settings" class="ml-2 size-4" />
<IconifyIcon icon="lucide:settings" class="!ml-2 size-4" />
</ElButton>
<ElButton
size="small"
class="px-2"
class="!ml-0 !px-2"
@click="handlerMessageClear"
>
<IconifyIcon icon="lucide:trash-2" color="#787878" />
</ElButton>
<ElButton size="small" class="px-2">
<ElButton size="small" class="!ml-0 !px-2">
<IconifyIcon icon="lucide:download" color="#787878" />
</ElButton>
<ElButton
size="small"
class="px-2"
class="!ml-0 !px-2"
@click="handleGoTopMessage"
>
<IconifyIcon icon="lucide:arrow-up" color="#787878" />

14
apps/web-ele/src/views/ai/chat/index/modules/message/list.vue
View File

@@ -153,9 +153,8 @@ onMounted(async () => {
/>
</div>
<div class="mt-2 flex flex-row">
<!-- TODO @AI：按钮之间，空隙太大 -->
<ElButton
class="flex items-center bg-transparent px-1.5 hover:bg-gray-100"
class="!ml-1 flex items-center bg-transparent !px-1.5 hover:bg-gray-100"
text
@click="copyContent(item.content)"
>
@@ -163,7 +162,7 @@ onMounted(async () => {
</ElButton>
<ElButton
v-if="item.id > 0"
class="flex items-center bg-transparent px-1.5 hover:bg-gray-100"
class="!ml-1 flex items-center bg-transparent !px-1.5 hover:bg-gray-100"
text
@click="handleDelete(item.id)"
>
@@ -197,30 +196,29 @@ onMounted(async () => {
</div>
</div>
<div class="mt-2 flex flex-row-reverse">
<!-- TODO @AI：按钮之间，空隙太大 -->
<ElButton
class="flex items-center bg-transparent px-1.5 hover:bg-gray-100"
class="!ml-1 flex items-center bg-transparent !px-1.5 hover:bg-gray-100"
text
@click="copyContent(item.content)"
>
<IconifyIcon icon="lucide:copy" />
</ElButton>
<ElButton
class="flex items-center bg-transparent px-1.5 hover:bg-gray-100"
class="!ml-1 flex items-center bg-transparent !px-1.5 hover:bg-gray-100"
text
@click="handleDelete(item.id)"
>
<IconifyIcon icon="lucide:trash" />
</ElButton>
<ElButton
class="flex items-center bg-transparent px-1.5 hover:bg-gray-100"
class="!ml-1 flex items-center bg-transparent !px-1.5 hover:bg-gray-100"
text
@click="handleRefresh(item)"
>
<IconifyIcon icon="lucide:refresh-cw" />
</ElButton>
<ElButton
class="flex items-center bg-transparent px-1.5 hover:bg-gray-100"
class="!ml-1 flex items-center bg-transparent !px-1.5 hover:bg-gray-100"
text
@click="handleEdit(item)"
>