From d79b00d9764b7e15fe16843172ee0a0f24ef2310 Mon Sep 17 00:00:00 2001
From: Innei <tukon479@gmail.com>
Date: Thu, 17 Jul 2025 23:43:47 +0800
Subject: [PATCH] fix: unify ai header action button style

- Changed icon classes in ChatHeader and ChatMoreDropdown to improve visual consistency and styling.
- Updated icons to use new size and opacity classes for better integration with the overall UI design.

Signed-off-by: Innei <tukon479@gmail.com>
---
 .../src/modules/app-layout/ai/components/ChatHeader.tsx       | 4 ++--
 .../src/modules/app-layout/ai/components/ChatMoreDropdown.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/desktop/layer/renderer/src/modules/app-layout/ai/components/ChatHeader.tsx b/apps/desktop/layer/renderer/src/modules/app-layout/ai/components/ChatHeader.tsx
index 817806224..a00c85860 100644
--- a/apps/desktop/layer/renderer/src/modules/app-layout/ai/components/ChatHeader.tsx
+++ b/apps/desktop/layer/renderer/src/modules/app-layout/ai/components/ChatHeader.tsx
@@ -62,11 +62,11 @@ export const ChatHeader = () => {
         {/* Right side - Actions */}
         <div className="flex items-center gap-2">
           <ActionButton tooltip="New Chat" onClick={handleNewChatClick}>
-            <i className="i-mgc-add-cute-re text-base" />
+            <i className="i-mgc-add-cute-re size-5 opacity-80" />
           </ActionButton>
 
           <ActionButton tooltip="AI Settings" onClick={() => settingModalPresent("ai")}>
-            <i className="i-mgc-user-setting-cute-re text-base" />
+            <i className="i-mgc-user-setting-cute-re size-5 opacity-80" />
           </ActionButton>
 
           <ChatMoreDropdown />
diff --git a/apps/desktop/layer/renderer/src/modules/app-layout/ai/components/ChatMoreDropdown.tsx b/apps/desktop/layer/renderer/src/modules/app-layout/ai/components/ChatMoreDropdown.tsx
index 91f4fff98..a753a31a3 100644
--- a/apps/desktop/layer/renderer/src/modules/app-layout/ai/components/ChatMoreDropdown.tsx
+++ b/apps/desktop/layer/renderer/src/modules/app-layout/ai/components/ChatMoreDropdown.tsx
@@ -96,7 +96,7 @@ export const ChatMoreDropdown = () => {
     <DropdownMenu onOpenChange={handleDropdownOpen}>
       <DropdownMenuTrigger asChild>
         <ActionButton tooltip="More">
-          <i className="i-mgc-more-1-cute-re text-base" />
+          <i className="i-mingcute-more-1-fill size-5 opacity-80" />
         </ActionButton>
       </DropdownMenuTrigger>
       <DropdownMenuContent align="end" className="w-56">