From f8b6232b4c8ec6781778503b0a1d91bb6665e38e Mon Sep 17 00:00:00 2001
From: Stev_Wang <304865932@qq.com>
Date: Tue, 3 Nov 2026 09:53:08 +0800
Subject: [PATCH] =?UTF-8?q?style(users):=20=E4=BC=98=E5=8C=96=E6=90=9C?=
 =?UTF-8?q?=E7=B4=A2=E6=A1=86=E5=9B=BE=E6=A0=87=E9=97=B4=E8=B7=9D=E4=B8=8E?=
 =?UTF-8?q?=E8=AF=A6=E6=83=85=20Tab=20=E5=B7=A6=E8=BE=B9=E8=B7=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

背景：
- 用户与组织页搜索框的前缀图标与占位文字仅 8px，视觉偏挤；
- 详情卡片的 Semi Tab 标题默认无内边距，基本资料等标签贴住卡片左边缘。

改动：
- 搜索框前缀图标改为左 10px / 右 12px；
- 详情 Tab bar 左右内边距 20px（1024 断点下与内容一起收紧为 16px），
  使 Tab 标题与下方「身份 / 权限 / 状态」内容左对齐。

影响面：
- 仅用户与组织页样式，不影响交互与接口。

回滚方式：
- 回滚本提交即恢复原间距。

验证证据：
- 1440×900 实测：前缀图标左 268 / 输入文字左 296，Tab 标题与内容均从 677 开始；
- pnpm format:check / web lint / typecheck / test（15 files / 55 tests）通过。
---
 apps/web/src/styles/users.css | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/apps/web/src/styles/users.css b/apps/web/src/styles/users.css
index f852eeb..96bef91 100644
--- a/apps/web/src/styles/users.css
+++ b/apps/web/src/styles/users.css
@@ -59,6 +59,15 @@
   box-shadow: var(--lx-shadow-panel);
 }
 
+/* 搜索框：图标与占位文字之间留出呼吸感 */
+.lx-user-filters .semi-input-prefix {
+  margin: 0 12px 0 10px;
+}
+
+.lx-user-filters .semi-input-prefix-icon {
+  margin: 0;
+}
+
 .lx-user-filters__keyword {
   width: 252px;
   flex: 0 0 252px;
@@ -423,6 +432,11 @@
   flex-direction: column;
 }
 
+/* Tab 标题与卡片左侧内容对齐（Semi 默认 tab bar 无内边距） */
+.lx-user-detail__tabs .semi-tabs-bar {
+  padding: 0 var(--lx-space-5);
+}
+
 .lx-user-detail__tabs .semi-tabs-content {
   min-height: 0;
   flex: 1;
@@ -919,6 +933,7 @@
   }
 
   .lx-user-detail__head,
+  .lx-user-detail__tabs .semi-tabs-bar,
   .lx-user-detail__tabs .semi-tabs-pane {
     padding-right: var(--lx-space-4);
     padding-left: var(--lx-space-4);