From 75b950849dbafba27af4313126c51af085e2afc5 Mon Sep 17 00:00:00 2001
From: seaislee1209 <seaislee129@gmail.com>
Date: Mon, 18 May 2026 18:18:16 +0800
Subject: [PATCH] =?UTF-8?q?fix(team-members):=20=E8=A7=92=E8=89=B2=20selec?=
 =?UTF-8?q?t=20=E6=81=A2=E5=A4=8D=20100%=20=E5=AE=BD=20+=20=E8=87=AA?=
 =?UTF-8?q?=E5=AE=9A=E4=B9=89=E7=AE=AD=E5=A4=B4=E4=B8=8D=E8=B4=B4=E8=BE=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

上次误把宽度改窄了,实际诉求是箭头不贴右边框。
原生 select 箭头位置浏览器定,padding 推不动。
appearance:none 关原生 + background-image 内嵌 SVG chevron + right 12px center 控位置。
padding-right 36px 给箭头留空间。

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 web/src/pages/TeamMembersPage.tsx | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/web/src/pages/TeamMembersPage.tsx b/web/src/pages/TeamMembersPage.tsx
index bf819ad..adfd64c 100644
--- a/web/src/pages/TeamMembersPage.tsx
+++ b/web/src/pages/TeamMembersPage.tsx
@@ -304,7 +304,18 @@ export function TeamMembersPage() {
                 <select
                   value={editRole}
                   onChange={(e) => setEditRole(e.target.value as 'admin' | 'member')}
-                  style={{ width: 200, padding: '8px 12px', borderRadius: 6, border: '1px solid var(--color-border-card)', background: 'var(--color-bg-page)', color: 'var(--color-text-primary)', fontSize: 14 }}
+                  style={{
+                    width: '100%',
+                    padding: '8px 36px 8px 12px',
+                    borderRadius: 6,
+                    border: '1px solid var(--color-border-card)',
+                    background: `var(--color-bg-page) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") no-repeat right 12px center`,
+                    color: 'var(--color-text-primary)',
+                    fontSize: 14,
+                    appearance: 'none',
+                    WebkitAppearance: 'none',
+                    MozAppearance: 'none',
+                  }}
                 >
                   <option value="member">成员</option>
                   <option value="admin">副管理员</option>