8fc82a3b90
- Сужено боковое меню (56px), убрана иконка Home - Субменю историй при наведении: полная высота, на всю ширину, z-9999 - Класс text-fade для плавного обрезания длинного текста - Убраны скругления в субменю - Chatwoot, изменения в posts-mcs и прочие обновления Co-authored-by: Cursor <cursoragent@cursor.com>
29 lines
1.0 KiB
TypeScript
29 lines
1.0 KiB
TypeScript
import { Discover } from '@/app/discover/page';
|
|
import Link from 'next/link';
|
|
|
|
const SmallNewsCard = ({ item }: { item: Discover }) => (
|
|
<Link
|
|
href={`/?q=${encodeURIComponent(`Summary: ${item.url}`)}&title=${encodeURIComponent(item.title)}`}
|
|
className="rounded-3xl overflow-hidden bg-light-secondary dark:bg-dark-secondary shadow-sm shadow-light-200/10 dark:shadow-black/25 group flex flex-col"
|
|
target="_blank"
|
|
>
|
|
<div className="relative aspect-video overflow-hidden">
|
|
<img
|
|
className="object-cover w-full h-full group-hover:scale-105 transition-transform duration-300"
|
|
src={item.thumbnail}
|
|
alt={item.title}
|
|
/>
|
|
</div>
|
|
<div className="p-4">
|
|
<h3 className="font-semibold text-sm mb-2 leading-tight line-clamp-2 group-hover:text-[#EA580C] transition duration-200">
|
|
{item.title}
|
|
</h3>
|
|
<p className="text-black/60 dark:text-white/60 text-xs leading-relaxed line-clamp-2">
|
|
{item.content}
|
|
</p>
|
|
</div>
|
|
</Link>
|
|
);
|
|
|
|
export default SmallNewsCard;
|