lunanting/ai-chatbot
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(ui): slim down generation placeholder card
Some checks failed
Lint / build (20) (push) Has been cancelled
Details
Playwright Tests / test (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Your Name 2026-02-21 03:50:38 +08:00
parent e08fb4e4b5
commit 9c6beb3bd5
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/image-generation-loading.tsx
View File

@ -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