From 9c6beb3bd5a40dc2a583c11eb3eda3b4a29734f6 Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Sat, 21 Feb 2026 03:50:38 +0800
Subject: [PATCH] style(ui): slim down generation placeholder card

---
 components/image-generation-loading.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/image-generation-loading.tsx b/components/image-generation-loading.tsx
index fdde2239e..c25f44a90 100644
--- a/components/image-generation-loading.tsx
+++ b/components/image-generation-loading.tsx
@@ -55,7 +55,7 @@ export const ImageGenerationLoading = memo(
         data-role="assistant"
         data-testid="message-assistant-image-loading"
       >
-        <div className="w-full max-w-[680px] space-y-2.5">
+        <div className="w-full max-w-[560px] space-y-2.5">
           <div className="flex items-center gap-2 text-[13px] text-[#9aa3b2]">
             <ChevronDown className="h-4 w-4" />
             <span className="font-medium">开始生成</span>
@@ -69,7 +69,7 @@ export const ImageGenerationLoading = memo(
           <div
             className={cn(
               "relative overflow-hidden rounded-[22px] border border-[#e1e4ea] bg-[#eaedf2]",
-              count === 1 ? "h-[420px] w-full max-w-[460px]" : "grid gap-3 p-3",
+              count === 1 ? "h-[320px] w-full max-w-[340px]" : "grid gap-3 p-3",
               count > 1 && "grid-cols-2"
             )}
           >
@@ -82,7 +82,7 @@ export const ImageGenerationLoading = memo(
               Array.from({ length: count }).map((_, index) => (
                 <div
                   key={index}
-                  className="relative h-[180px] overflow-hidden rounded-2xl border border-[#dfe3e9] bg-[#e7ebf0]"
+                  className="relative h-[150px] overflow-hidden rounded-2xl border border-[#dfe3e9] bg-[#e7ebf0]"
                 >
                   <div className="absolute inset-0 bg-gradient-to-r from-[#e7ebf0] via-[#dce2ea] to-[#e7ebf0]" />
                   <div