diff --git a/resources/assets/js/pages/manage/components/DialogItem.vue b/resources/assets/js/pages/manage/components/DialogItem.vue index e345478a8..54687c9fa 100644 --- a/resources/assets/js/pages/manage/components/DialogItem.vue +++ b/resources/assets/js/pages/manage/components/DialogItem.vue @@ -43,7 +43,13 @@
- + +
+ + + +
+
- - + + {{ $L('AI 助手') }}
diff --git a/resources/assets/sass/pages/components/dialog-wrapper.scss b/resources/assets/sass/pages/components/dialog-wrapper.scss index d8acacd85..fee5b1fc7 100644 --- a/resources/assets/sass/pages/components/dialog-wrapper.scss +++ b/resources/assets/sass/pages/components/dialog-wrapper.scss @@ -657,6 +657,22 @@ flex-shrink: 0; width: 30px; height: 30px; + + .ai-assistant-avatar { + width: 100%; + height: 100%; + display: flex; + align-items: center; + justify-content: center; + border-radius: 50%; + background: #8bcf70; + fill: #ffffff; + + svg { + width: 20px; + height: 20px; + } + } } .dialog-view { @@ -681,32 +697,9 @@ margin-bottom: 6px; opacity: 0.8; - .ai-assistant-avatar { - display: flex; - align-items: center; - - .ai-icon { - width: 22px; - height: 22px; - border-radius: 50%; - background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); - color: #fff; - display: flex; - align-items: center; - justify-content: center; - padding: 3px; - - svg { - width: 100%; - height: 100%; - } - } - - .avatar-name { - margin-left: 6px; - font-size: 12px; - color: #666; - } + .ai-assistant-name { + font-size: 12px; + color: #666; } }