From c0068e957ef628785bed13b8818188f09e42c8af Mon Sep 17 00:00:00 2001
From: TerryM <chiachintat10@gmail.com>
Date: Sat, 30 May 2026 00:43:27 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=87=E6=A1=A3=E9=A2=84=E8=A7=88?=
 =?UTF-8?q?=E5=9B=BE=E6=94=B9=E6=96=B9=E5=BD=A2=E6=94=BE=E5=A4=A7,?=
 =?UTF-8?q?=E4=B8=8B=E8=BD=BD=E8=83=B6=E5=9B=8A=E6=95=B4=E4=BD=93=E6=94=BE?=
 =?UTF-8?q?=E5=A4=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- FileDocBubble 预览缩略图 52px 圆形 → 64px 方形圆角(rounded-lg),行高自适应
- AttachmentDownloadPill 放大:图标框 24→30px、图标 14→18px、文字 11→12px

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 .../messageStream/AttachmentDownloadPill.tsx           | 10 +++++-----
 src/components/messageStream/bubbles/FileDocBubble.tsx |  8 ++++----
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/components/messageStream/AttachmentDownloadPill.tsx b/src/components/messageStream/AttachmentDownloadPill.tsx
index 6b8ea14..9822131 100644
--- a/src/components/messageStream/AttachmentDownloadPill.tsx
+++ b/src/components/messageStream/AttachmentDownloadPill.tsx
@@ -43,23 +43,23 @@ export function AttachmentDownloadPill({
       type="button"
       onClick={handleDownload}
       disabled={isDownloading}
-      className={`group z-10 inline-flex overflow-hidden rounded-full bg-black/80 text-[11px] text-white shadow-lg ring-1 ring-inset ring-white/20 backdrop-blur-md transition hover:bg-black/90 disabled:cursor-wait ${className}`}
+      className={`group z-10 inline-flex overflow-hidden rounded-full bg-black/80 text-[12px] text-white shadow-lg ring-1 ring-inset ring-white/20 backdrop-blur-md transition hover:bg-black/90 disabled:cursor-wait ${className}`}
       aria-label={
         isDownloading ? t("downloading") : `Download ${attachment.filename}`
       }
       aria-busy={isDownloading}
     >
-      <span className="flex h-6 w-6 items-center justify-center bg-[#545454]/50 transition group-hover:bg-[#545454]/70">
+      <span className="flex h-[30px] w-[30px] items-center justify-center bg-[#545454]/50 transition group-hover:bg-[#545454]/70">
         {isDownloading ? (
           <LoaderCircle
-            className="h-3.5 w-3.5 animate-spin"
+            className="h-[18px] w-[18px] animate-spin"
             strokeWidth={2.3}
           />
         ) : (
-          <DownloadCloudIcon className="h-3.5 w-3.5" />
+          <DownloadCloudIcon className="h-[18px] w-[18px]" />
         )}
       </span>
-      <span className="flex h-6 items-center gap-0.5 px-2">
+      <span className="flex h-[30px] items-center gap-0.5 px-2.5">
         {isDownloading ? (
           t("downloading")
         ) : (
diff --git a/src/components/messageStream/bubbles/FileDocBubble.tsx b/src/components/messageStream/bubbles/FileDocBubble.tsx
index ada2c61..7845427 100644
--- a/src/components/messageStream/bubbles/FileDocBubble.tsx
+++ b/src/components/messageStream/bubbles/FileDocBubble.tsx
@@ -40,22 +40,22 @@ function AttachmentRow({ postId, att }: { postId: string; att: Attachment }) {
     att.thumbnailUrl ?? att.posterUrl ?? (isImage ? att.url : undefined);
 
   return (
-    <div className="group flex h-[52px] items-center gap-3">
+    <div className="group flex min-h-[64px] items-center gap-3">
       {previewUrl && !previewFailed ? (
         <img
           src={previewUrl}
           alt=""
           loading="lazy"
           onError={() => setPreviewFailed(true)}
-          className="h-[52px] w-[52px] shrink-0 rounded-full object-cover"
+          className="h-16 w-16 shrink-0 rounded-lg object-cover"
         />
       ) : (
         <div
-          className="flex h-[52px] w-[52px] shrink-0 items-center justify-center rounded-full"
+          className="flex h-16 w-16 shrink-0 items-center justify-center rounded-lg"
           style={{ backgroundColor: color }}
           aria-hidden="true"
         >
-          <Icon className="h-8 w-8 text-white" strokeWidth={2.1} />
+          <Icon className="h-9 w-9 text-white" strokeWidth={2.1} />
         </div>
       )}
       <div className="min-w-0 flex-1">