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

news design correction padding 18

Browse Source
This commit is contained in:
alma 2025-04-15 15:05:33 +02:00
parent bf82eb48ed
commit 5d9bf1faee
1 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
components/news.tsx
View File

@ -106,16 +106,19 @@ export function News() {
news.map((item) => ( news.map((item) => (
<div <div
key={item.id} key={item.id}
className="flex items-center justify-between p-1.5 hover:bg-gray-50 cursor-pointer" 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 flex-col min-w-0"> <div className="flex flex-col gap-1">
<h3 className="text-sm text-blue-600 truncate" title={item.title}> <div className="flex items-center justify-between text-xs">
<span className="text-gray-500">{formatDate(item.date)}</span>
</div>
<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 gap-2"> <p className="text-xs text-gray-500 line-clamp-2" title={item.description}>
<span className="text-xs text-gray-500">{formatDate(item.date)}</span> {item.description}
</div> </p>
</div> </div>
</div> </div>
)) ))