lty/qy-lty-admin/components/recent-activity.tsx
2026-03-17 13:17:02 +08:00

78 lines
3.8 KiB
TypeScript

import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
export function RecentActivity() {
return (
<div className="space-y-6">
<div className="flex items-center p-2 rounded-lg hover:bg-blue-50 transition-colors duration-200">
<Avatar className="h-10 w-10 border-2 border-white shadow-sm">
<AvatarImage src="/placeholder-user.jpg" alt="Avatar" />
<AvatarFallback className="bg-gradient-to-br from-blue-500 to-teal-500 text-white"></AvatarFallback>
</Avatar>
<div className="ml-4 space-y-1">
<p className="text-sm font-medium leading-none"></p>
<p className="text-xs text-muted-foreground flex items-center">
<span className="inline-block h-1.5 w-1.5 rounded-full bg-green-500 mr-1.5"></span>
2
</p>
</div>
</div>
<div className="flex items-center p-2 rounded-lg hover:bg-blue-50 transition-colors duration-200">
<Avatar className="h-10 w-10 border-2 border-white shadow-sm">
<AvatarImage src="/placeholder-user.jpg" alt="Avatar" />
<AvatarFallback className="bg-gradient-to-br from-purple-500 to-pink-500 text-white"></AvatarFallback>
</Avatar>
<div className="ml-4 space-y-1">
<p className="text-sm font-medium leading-none"></p>
<p className="text-xs text-muted-foreground flex items-center">
<span className="inline-block h-1.5 w-1.5 rounded-full bg-blue-500 mr-1.5"></span>
45
</p>
</div>
</div>
<div className="flex items-center p-2 rounded-lg hover:bg-blue-50 transition-colors duration-200">
<Avatar className="h-10 w-10 border-2 border-white shadow-sm">
<AvatarImage src="/placeholder-user.jpg" alt="Avatar" />
<AvatarFallback className="bg-gradient-to-br from-yellow-500 to-orange-500 text-white"></AvatarFallback>
</Avatar>
<div className="ml-4 space-y-1">
<p className="text-sm font-medium leading-none"></p>
<p className="text-xs text-muted-foreground flex items-center">
<span className="inline-block h-1.5 w-1.5 rounded-full bg-indigo-500 mr-1.5"></span>
3
</p>
</div>
</div>
<div className="flex items-center p-2 rounded-lg hover:bg-blue-50 transition-colors duration-200">
<Avatar className="h-10 w-10 border-2 border-white shadow-sm">
<AvatarImage src="/placeholder-user.jpg" alt="Avatar" />
<AvatarFallback className="bg-gradient-to-br from-red-500 to-pink-500 text-white"></AvatarFallback>
</Avatar>
<div className="ml-4 space-y-1">
<p className="text-sm font-medium leading-none"></p>
<p className="text-xs text-muted-foreground flex items-center">
<span className="inline-block h-1.5 w-1.5 rounded-full bg-purple-500 mr-1.5"></span>
5
</p>
</div>
</div>
<div className="flex items-center p-2 rounded-lg hover:bg-blue-50 transition-colors duration-200">
<Avatar className="h-10 w-10 border-2 border-white shadow-sm">
<AvatarImage src="/placeholder-user.jpg" alt="Avatar" />
<AvatarFallback className="bg-gradient-to-br from-green-500 to-teal-500 text-white"></AvatarFallback>
</Avatar>
<div className="ml-4 space-y-1">
<p className="text-sm font-medium leading-none"></p>
<p className="text-xs text-muted-foreground flex items-center">
<span className="inline-block h-1.5 w-1.5 rounded-full bg-gray-500 mr-1.5"></span>
</p>
</div>
</div>
</div>
)
}