From 3910239b87bde6dc38bbc4cede48e92d98236c3d Mon Sep 17 00:00:00 2001
From: KodouWZF <3092554823@qq.com>
Date: Mon, 2 Nov 2026 20:39:45 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E5=89=8D=E7=AB=AF):=20=E5=BC=B9=E7=AA=97?=
 =?UTF-8?q?=E5=86=85=E5=AE=B9=E8=A2=AB=E9=95=BF=E6=96=87=E4=BB=B6=E5=90=8D?=
 =?UTF-8?q?=E6=92=91=E7=A0=B4=E5=8F=B3=E8=BE=B9=E6=A1=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

DialogContent 的 grid 用隐式 auto 轨道，轨道 min 受 grid item 的
min-width:auto 支配。传输/分享确认框里「被拦截文件清单」是不换行文本，
把 400px 弹窗（扣 p-6 后仅 350px 可用）的轨道顶到 386.8px，
内容整体从右边框外溢 11px。

- dialog.tsx 加 grid-cols-1，轨道只跟容器宽，24 个弹窗共用此修复
- SecuritySkipWarning 的文件名由 truncate 改 break-all：原截断把要警告
  的文件名省略号掉了，用户看不清哪几个文件被拦

实测（重建 sfile-web 镜像后）：轨道 350px、告警块右边缘 939 <= 弹窗 963、
清单横向溢出 0、4 条文件名完整可读；移动/分享/传输三个弹窗回归无溢出，
全屏预览弹窗的 flex 经 tailwind-merge 覆盖基类 grid，不受影响。
---
 frontend/src/components/ui/dialog.tsx                        | 5 ++++-
 .../src/routes/(user)/my/-components/SecuritySkipWarning.tsx | 4 ++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/ui/dialog.tsx b/frontend/src/components/ui/dialog.tsx
index 7427981..b171b28 100644
--- a/frontend/src/components/ui/dialog.tsx
+++ b/frontend/src/components/ui/dialog.tsx
@@ -58,7 +58,10 @@ function DialogContent({
       <DialogPrimitive.Content
         data-slot="dialog-content"
         className={cn(
-          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 outline-none sm:max-w-lg",
+          // grid-cols-1 是必需的：默认的隐式 auto 轨道会被子项里不换行的长文本（长文件名等）
+          // 按 min-content 撑开，轨道宽度超过 max-w，内容就从弹窗右边框外溢出去。
+          // minmax(0,1fr) 让轨道只跟容器宽，内容交给子项自己 truncate/滚动。
+          "bg-background grid-cols-1 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 outline-none sm:max-w-lg",
           className
         )}
         {...props}
diff --git a/frontend/src/routes/(user)/my/-components/SecuritySkipWarning.tsx b/frontend/src/routes/(user)/my/-components/SecuritySkipWarning.tsx
index 25d04f4..5d1dcd7 100644
--- a/frontend/src/routes/(user)/my/-components/SecuritySkipWarning.tsx
+++ b/frontend/src/routes/(user)/my/-components/SecuritySkipWarning.tsx
@@ -24,12 +24,12 @@ export function SecuritySkipWarning({ check, actionName }: SecuritySkipWarningPr
       </div>
       <div className="max-h-24 overflow-auto space-y-0.5 pl-5">
         {blocked.map((name: string) => (
-          <div key={name} className="text-xs text-red-400 truncate">
+          <div key={name} className="text-xs text-red-400 break-all">
             • {name}
           </div>
         ))}
         {scanning.map((name: string) => (
-          <div key={name} className="text-xs text-amber-500 truncate">
+          <div key={name} className="text-xs text-amber-500 break-all">
             • {name}（检测中）
           </div>
         ))}