deerflow2/frontend/src/components/workspace/streaming-indicator.tsx
Xinmin Zeng d1baf7212b
fix(frontend): UI polish - fix CSS typo, dark mode border, and hardcoded colors (#1942)
- Fix `font-norma` typo to `font-normal` in message-list subtask count
- Fix dark mode `--border` using reddish hue (22.216) instead of neutral
- Replace hardcoded `rgb(184,184,192)` in hero with `text-muted-foreground`
- Replace hardcoded `bg-[#a3a1a1]` in streaming indicator with `bg-muted-foreground`
- Add missing `font-sans` to welcome description `<pre>` for consistency
- Make case-study-section padding responsive (`px-4 md:px-20`)

Closes #1940
2026-04-08 09:07:39 +08:00

35 lines
799 B
TypeScript

import { cn } from "@/lib/utils";
export function StreamingIndicator({
className,
size = "normal",
}: {
className?: string;
size?: "normal" | "sm";
}) {
const dotSize = size === "sm" ? "w-1.5 h-1.5 mx-0.5" : "w-2 h-2 mx-1";
return (
<div className={cn("flex", className)}>
<div
className={cn(
dotSize,
"animate-bouncing bg-muted-foreground rounded-full opacity-100",
)}
/>
<div
className={cn(
dotSize,
"animate-bouncing bg-muted-foreground rounded-full opacity-100 [animation-delay:0.2s]",
)}
/>
<div
className={cn(
dotSize,
"animate-bouncing bg-muted-foreground rounded-full opacity-100 [animation-delay:0.4s]",
)}
/>
</div>
);
}