widget parole 31

This commit is contained in:
Alma 2025-04-13 11:11:45 +02:00
parent f6d03a6f24
commit ba18b37491

View File

@ -89,7 +89,7 @@ export function Parole() {
return (
<Card className="transition-transform duration-500 ease-in-out transform hover:scale-105 bg-white/95 backdrop-blur-sm border-0 shadow-lg h-full">
<CardHeader className="flex flex-row items-center justify-between pb-2 border-b border-gray-100">
<CardTitle className="text-lg font-semibold text-gray-800">Talk mentions</CardTitle>
<CardTitle className="text-lg font-semibold text-gray-800">Parole</CardTitle>
</CardHeader>
<CardContent className="p-6">
<p className="text-center text-gray-500">Loading...</p>
@ -102,7 +102,7 @@ export function Parole() {
return (
<Card className="transition-transform duration-500 ease-in-out transform hover:scale-105 bg-white/95 backdrop-blur-sm border-0 shadow-lg h-full">
<CardHeader className="flex flex-row items-center justify-between pb-2 border-b border-gray-100">
<CardTitle className="text-lg font-semibold text-gray-800">Talk mentions</CardTitle>
<CardTitle className="text-lg font-semibold text-gray-800">Parole</CardTitle>
</CardHeader>
<CardContent className="p-6">
<div className="text-center">
@ -129,7 +129,7 @@ export function Parole() {
onClick={() => router.push('/parole')}
>
<CardHeader className="flex flex-row items-center justify-between pb-2 border-b border-gray-100">
<CardTitle className="text-lg font-semibold text-gray-800">Talk mentions</CardTitle>
<CardTitle className="text-lg font-semibold text-gray-800">Parole</CardTitle>
<Button
variant="ghost"
size="icon"
@ -172,9 +172,9 @@ export function Parole() {
<AvatarFallback>{message.sender.initials}</AvatarFallback>
</Avatar>
<div className="flex-1 min-w-0">
<div className="flex items-baseline justify-between">
<p className="text-sm font-semibold text-gray-800 truncate">{message.sender.name}</p>
<span className="text-xs font-medium text-gray-500">{message.timestamp}</span>
<div className="flex items-baseline justify-between space-x-2">
<p className="text-sm font-semibold text-gray-800 truncate max-w-[70%]">{message.sender.name}</p>
<span className="text-xs font-medium text-gray-500 flex-shrink-0">{message.timestamp}</span>
</div>
<p className="text-sm text-gray-600 whitespace-pre-wrap line-clamp-2 mt-1">{message.text}</p>
{message.roomName && (