Commit workspace changes
This commit is contained in:
@@ -17,23 +17,25 @@ export default function HomeNews({ items }) {
|
||||
return (
|
||||
<section className="mt-14 px-4 sm:px-6 lg:px-8">
|
||||
<div className="mb-5 flex items-center justify-between">
|
||||
<h2 className="text-xl font-bold text-white">📰 News & Updates</h2>
|
||||
<a href="/forum/news" className="text-sm text-nova-300 hover:text-white transition">
|
||||
<h2 className="text-xl font-bold text-white">News & Updates</h2>
|
||||
<a href="/news" className="text-sm text-nova-300 hover:text-white transition">
|
||||
All news →
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div className="divide-y divide-nova-800 rounded-xl bg-panel overflow-hidden">
|
||||
<div className="divide-y divide-nova-800 overflow-hidden rounded-[24px] border border-white/10 bg-panel">
|
||||
{items.map((item) => (
|
||||
<a
|
||||
key={item.id}
|
||||
href={item.url}
|
||||
className="flex items-start justify-between gap-4 px-5 py-4 transition hover:bg-nova-800"
|
||||
className="grid gap-3 px-5 py-4 transition hover:bg-nova-800 sm:grid-cols-[minmax(0,1fr)_auto] sm:items-start"
|
||||
>
|
||||
<span className="text-sm font-medium text-white line-clamp-2">{item.title}</span>
|
||||
{item.date && (
|
||||
<span className="flex-shrink-0 text-xs text-soft">{formatDate(item.date)}</span>
|
||||
)}
|
||||
<div className="min-w-0">
|
||||
{item.eyebrow ? <div className="text-[11px] font-semibold uppercase tracking-[0.16em] text-nova-300">{item.eyebrow}</div> : null}
|
||||
<div className="mt-1 text-sm font-medium text-white line-clamp-2">{item.title}</div>
|
||||
{item.excerpt ? <p className="mt-2 text-sm leading-6 text-soft line-clamp-2">{item.excerpt}</p> : null}
|
||||
</div>
|
||||
{item.date ? <span className="flex-shrink-0 text-xs text-soft">{formatDate(item.date)}</span> : null}
|
||||
</a>
|
||||
))}
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user