From 6da8c3938e0e223139cec6157b26ece2e12bd037 Mon Sep 17 00:00:00 2001
From: QihuAI Design <ai@qihuyun.com>
Date: Wed, 22 Jul 2026 08:54:03 +0800
Subject: [PATCH] fix(admin/mcp): prevent unnecessary wrapping in table headers
 and badges

---
 frontend/src/pages/admin/Mcp.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/src/pages/admin/Mcp.tsx b/frontend/src/pages/admin/Mcp.tsx
index b7c3b66..315528b 100644
--- a/frontend/src/pages/admin/Mcp.tsx
+++ b/frontend/src/pages/admin/Mcp.tsx
@@ -14,9 +14,9 @@ const styles: Record<string, React.CSSProperties> = {
   searchInput: { padding: '8px 16px', border: '1px solid #e5e7eb', borderRadius: 8, fontSize: 14, width: 250 },
   filterSelect: { padding: '8px 12px', border: '1px solid #e5e7eb', borderRadius: 8, fontSize: 14, backgroundColor: '#fff' },
   table: { width: '100%', borderCollapse: 'collapse' as const, backgroundColor: '#fff', borderRadius: 12, overflow: 'hidden', boxShadow: '0 1px 3px rgba(0,0,0,0.08)' },
-  th: { padding: '12px 16px', textAlign: 'left' as const, fontSize: 13, fontWeight: 600, color: '#6b7280', backgroundColor: '#f9fafb', borderBottom: '1px solid #e5e7eb' },
+  th: { padding: '12px 16px', textAlign: 'left' as const, fontSize: 13, fontWeight: 600, color: '#6b7280', backgroundColor: '#f9fafb', borderBottom: '1px solid #e5e7eb', whiteSpace: 'nowrap' as const },
   td: { padding: '12px 16px', fontSize: 14, color: '#374151', borderBottom: '1px solid #f3f4f6' },
-  badge: { display: 'inline-block', padding: '2px 10px', borderRadius: 20, fontSize: 12, fontWeight: 600 },
+  badge: { display: 'inline-block', padding: '2px 10px', borderRadius: 20, fontSize: 12, fontWeight: 600, whiteSpace: 'nowrap' as const },
   actionBtn: { padding: '4px 12px', border: '1px solid #e5e7eb', borderRadius: 6, fontSize: 13, cursor: 'pointer', marginRight: 6, backgroundColor: '#fff' },
   pagination: { display: 'flex', justifyContent: 'center', gap: 8, marginTop: 20 },
   pageBtn: { padding: '8px 16px', border: '1px solid #e5e7eb', borderRadius: 6, cursor: 'pointer', backgroundColor: '#fff', fontSize: 14 },
@@ -398,9 +398,9 @@ export default function AdminMcp() {
         <thead>
           <tr>
             <th style={styles.th}>名称</th>
-            <th style={styles.th}>传输方式</th>
-            <th style={styles.th}>状态</th>
-            <th style={styles.th}>工具数</th>
+            <th style={{ ...styles.th, minWidth: 100 }}>传输方式</th>
+            <th style={{ ...styles.th, minWidth: 80 }}>状态</th>
+            <th style={{ ...styles.th, minWidth: 70 }}>工具数</th>
             <th style={styles.th}>最后连接</th>
             <th style={styles.th}>启用</th>
             <th style={styles.th}>操作</th>