From bef4151b108a135d56fa914e4cd2d459c1a5c863 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E5=BE=B7=E5=AE=87?= <kvtodev@outlook.com>
Date: Mon, 5 Oct 2026 13:15:20 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AF=BC=E5=87=BA=E9=9D=A2=E6=9D=BF=E5=9B=BE?=
 =?UTF-8?q?=E6=A0=87=E7=9B=92=E6=81=92=E4=B8=BA=E6=AD=A3=E6=96=B9=E5=BD=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

卡片图标盒改回 aspect-square、tab 图标盒改回 size-5，只用 object-contain 等比缩放。

TapTap 横向 logo 在方盒里按宽度居中留白，不再用矩形盒。
---
 .../view/project-development/export/components/TargetCard.tsx | 3 ++-
 .../view/project-development/export/components/TargetIcon.tsx | 4 ++--
 .../view/project-development/export/components/TargetTabs.tsx | 2 +-
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/apps/ai-game-creator-shell/src/view/project-development/export/components/TargetCard.tsx b/apps/ai-game-creator-shell/src/view/project-development/export/components/TargetCard.tsx
index a617cbc1b..de93b1682 100644
--- a/apps/ai-game-creator-shell/src/view/project-development/export/components/TargetCard.tsx
+++ b/apps/ai-game-creator-shell/src/view/project-development/export/components/TargetCard.tsx
@@ -21,7 +21,8 @@ export function TargetCard({
       className="group flex aspect-square w-full flex-col items-center justify-center gap-4 rounded-3xl border border-[#e2cbb8] bg-[#fffaf5] p-6 text-center shadow-[0_18px_40px_rgba(112,57,30,0.08)] transition hover:-translate-y-0.5 hover:border-[#c7653d] hover:shadow-[0_22px_48px_rgba(112,57,30,0.14)]"
       onClick={() => onOpen(target)}
     >
-      <span className="flex min-h-0 w-4/5 flex-1 items-center justify-center">
+      {/* 图标盒恒为正方形：只许按比例缩放，不许拉成矩形。 */}
+      <span className="flex aspect-square w-3/5 items-center justify-center">
         <TargetIcon
           target={target}
           size={200}
diff --git a/apps/ai-game-creator-shell/src/view/project-development/export/components/TargetIcon.tsx b/apps/ai-game-creator-shell/src/view/project-development/export/components/TargetIcon.tsx
index 9076ac655..cfdb23d12 100644
--- a/apps/ai-game-creator-shell/src/view/project-development/export/components/TargetIcon.tsx
+++ b/apps/ai-game-creator-shell/src/view/project-development/export/components/TargetIcon.tsx
@@ -9,8 +9,8 @@ import { Target } from '../model';
  * 陶泥儿用 IP 图；小红书（RedNote）与 TapTap 用各自的真实图标。三个目标的图源在这里
  * 一处收口，卡片与 tab 都只认 `Target`，换图不用改调用方。
  *
- * TapTap 那张是横向 logo（宽高比约 3.6:1），所以调用方给的是矩形盒 + `object-contain`：
- * 它按宽度贴满，方形图标则按高度贴满，互不拉伸。
+ * TapTap 那张是横向 logo（宽高比约 3.6:1），卡片与 tab 的图标盒**恒为正方形**，
+ * 用 `object-contain` 等比缩放：方图贴满，横图按宽度居中留白，任何情况都不拉成矩形。
  */
 const TARGET_ICON: Record<Target, string> = {
   [Target.Taonier]: taonierIcon,
diff --git a/apps/ai-game-creator-shell/src/view/project-development/export/components/TargetTabs.tsx b/apps/ai-game-creator-shell/src/view/project-development/export/components/TargetTabs.tsx
index 83bd62be1..e2e88df34 100644
--- a/apps/ai-game-creator-shell/src/view/project-development/export/components/TargetTabs.tsx
+++ b/apps/ai-game-creator-shell/src/view/project-development/export/components/TargetTabs.tsx
@@ -38,7 +38,7 @@ export function TargetTabs({
             <TargetIcon
               target={target}
               size={20}
-              className="h-5 w-7 shrink-0 object-contain"
+              className="size-5 shrink-0 object-contain"
             />
             <span className="truncate">{TARGET_META[target].label}</span>
           </button>