From cbe0506577f745999dc74700c0872e8345f1ba47 Mon Sep 17 00:00:00 2001
From: Rinne <904228000@qq.com>
Date: Fri, 20 Feb 2026 20:31:22 +0800
Subject: [PATCH] fix(webui): properly center plus icon in add button row
 (#1642)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Add `flex items-center justify-center` to the plus icon wrapper in `AddButton` so the icon is vertically and horizontally centered. This improves visual alignment and keeps the “新建网络配置” button content consistent.
---
 .../napcat-webui-frontend/src/components/button/add_button.tsx  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/napcat-webui-frontend/src/components/button/add_button.tsx b/packages/napcat-webui-frontend/src/components/button/add_button.tsx
index f6b230b7..7972f5e2 100644
--- a/packages/napcat-webui-frontend/src/components/button/add_button.tsx
+++ b/packages/napcat-webui-frontend/src/components/button/add_button.tsx
@@ -54,7 +54,7 @@ const AddButton: React.FC<AddButtonProps> = (props) => {
           textValue='title'
         >
           <div className='flex items-center gap-2 justify-center'>
-            <div className='w-5 h-5 -ml-3'>
+            <div className='w-5 h-5 -ml-3 flex items-center justify-center'>
               <PlusIcon />
             </div>
             <div className='text-primary-400'>新建网络配置</div>