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

news design correction padding 14

Browse Source
This commit is contained in:
alma 2025-04-15 14:52:43 +02:00
parent 43ec806459
commit 5212532773
1 changed files with 15 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
components/news.tsx
View File

@ -109,25 +109,23 @@ export function News() {
className="p-2 rounded-lg bg-white shadow-sm hover:shadow-md transition-all duration-200 border border-gray-100" className="p-2 rounded-lg bg-white shadow-sm hover:shadow-md transition-all duration-200 border border-gray-100"
onClick={() => window.open(item.url, '_blank')} onClick={() => window.open(item.url, '_blank')}
> >
<div className="flex gap-2"> <div className="flex flex-col gap-1">
<div className="flex-1 min-w-0 space-y-1"> <h3 className="text-sm font-medium text-gray-800 line-clamp-2" title={item.title}>
<h3 className="text-sm font-medium text-gray-800 line-clamp-2" title={item.title}> {item.title}
{item.title} </h3>
</h3> <div className="flex items-center justify-between text-xs">
<div className="flex items-center justify-between"> <span className="text-gray-500">{formatDate(item.date)}</span>
<span className="text-xs text-gray-500">{formatDate(item.date)}</span> {item.category && (
{item.category && ( <span className="px-2 py-0.5 rounded-full bg-blue-50 text-blue-600">
<span className="text-xs px-2 py-0.5 rounded-full bg-blue-50 text-blue-600"> {item.category}
{item.category} </span>
</span>
)}
</div>
{item.description && (
<p className="text-xs text-gray-500 line-clamp-2" title={item.description}>
{item.description}
</p>
)} )}
</div> </div>
{item.description && (
<p className="text-xs text-gray-500 line-clamp-2 mt-1" title={item.description}>
{item.description}
</p>
)}
</div> </div>
</div> </div>
)) ))