style(web): 调整 AI 模式用户消息气泡布局与引用图标

- 用户消息气泡的操作区与时间右对齐
- 引用按钮图标由 mdi-reply 改为 mdi-format-quote-open
This commit is contained in:
caoxiaozhu
2026-06-18 22:13:09 +08:00
parent a2f67af13e
commit 3131112952
2 changed files with 9 additions and 1 deletions

View File

@@ -1085,6 +1085,14 @@
margin-left: auto;
}
.workbench-ai-message.is-user .workbench-ai-message-actions {
justify-self: end;
}
.workbench-ai-message.is-user .workbench-ai-message-time {
margin-left: 0;
}
.workbench-ai-conversation-bottom {
position: relative;
z-index: 6;

View File

@@ -231,7 +231,7 @@
</div>
<div v-if="message.role === 'user'" class="workbench-ai-message-actions">
<button type="button" title="引用" aria-label="引用" @click="quoteInlineMessage(message)">
<i class="mdi mdi-reply"></i>
<i class="mdi mdi-format-quote-open"></i>
</button>
<button type="button" title="复制" aria-label="复制" @click="copyInlineMessage(message)">
<i class="mdi mdi-content-copy"></i>