fix(admin/mcp): prevent unnecessary wrapping in table headers and badges
This commit is contained in:
1 parent
6d06f9165c
commit
6da8c3938e
1 file changed
+5
-5
@@ -14,9 +14,9 @@ const styles: Record<string, React.CSSProperties> = {
|
|||||||
searchInput: { padding: '8px 16px', border: '1px solid #e5e7eb', borderRadius: 8, fontSize: 14, width: 250 },
|
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' },
|
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)' },
|
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' },
|
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' },
|
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 },
|
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 },
|
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>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<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}>状态</th>
|
<th style={{ ...styles.th, minWidth: 80 }}>状态</th>
|
||||||
<th style={styles.th}>工具数</th>
|
<th style={{ ...styles.th, minWidth: 70 }}>工具数</th>
|
||||||
<th style={styles.th}>最后连接</th>
|
<th style={styles.th}>最后连接</th>
|
||||||
<th style={styles.th}>启用</th>
|
<th style={styles.th}>启用</th>
|
||||||
<th style={styles.th}>操作</th>
|
<th style={styles.th}>操作</th>
|
||||||
|
|||||||
Reference in new issue
Block a user