alma/NeahFront7
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

widget parole 31

Browse Source
This commit is contained in:
Alma 2025-04-13 11:11:45 +02:00
parent f6d03a6f24
commit ba18b37491
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
components/parole.tsx
View File

@ -89,7 +89,7 @@ export function Parole() {
return ( 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"> <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"> <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> </CardHeader>
<CardContent className="p-6"> <CardContent className="p-6">
<p className="text-center text-gray-500">Loading...</p> <p className="text-center text-gray-500">Loading...</p>
@ -102,7 +102,7 @@ export function Parole() {
return ( 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"> <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"> <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> </CardHeader>
<CardContent className="p-6"> <CardContent className="p-6">
<div className="text-center"> <div className="text-center">
@ -129,7 +129,7 @@ export function Parole() {
onClick={() => router.push('/parole')} onClick={() => router.push('/parole')}
> >
<CardHeader className="flex flex-row items-center justify-between pb-2 border-b border-gray-100"> <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 <Button
variant="ghost" variant="ghost"
size="icon" size="icon"
@ -172,9 +172,9 @@ export function Parole() {
<AvatarFallback>{message.sender.initials}</AvatarFallback> <AvatarFallback>{message.sender.initials}</AvatarFallback>
</Avatar> </Avatar>
<div className="flex-1 min-w-0"> <div className="flex-1 min-w-0">
<div className="flex items-baseline justify-between"> <div className="flex items-baseline justify-between space-x-2">
<p className="text-sm font-semibold text-gray-800 truncate">{message.sender.name}</p> <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">{message.timestamp}</span> <span className="text-xs font-medium text-gray-500 flex-shrink-0">{message.timestamp}</span>
</div> </div>
<p className="text-sm text-gray-600 whitespace-pre-wrap line-clamp-2 mt-1">{message.text}</p> <p className="text-sm text-gray-600 whitespace-pre-wrap line-clamp-2 mt-1">{message.text}</p>
{message.roomName && ( {message.roomName && (