fix: adjust layout in NewsListHot component for better alignment

This commit is contained in:
ourongxing
2025-09-17 14:00:40 +08:00
parent ce0baddc78
commit 5a07c02ad0
+2 -2
View File
@@ -236,11 +236,11 @@ function NewsListHot({ items }: { items: NewsItem[] }) {
key={item.id} key={item.id}
title={item.extra?.hover} title={item.extra?.hover}
className={$( className={$(
"flex gap-2 items-start items-stretch relative cursor-pointer [&_*]:cursor-pointer transition-all", "flex gap-2 items-center items-stretch relative cursor-pointer [&_*]:cursor-pointer transition-all",
"hover:bg-neutral-400/10 rounded-md pr-1 visited:(text-neutral-400)", "hover:bg-neutral-400/10 rounded-md pr-1 visited:(text-neutral-400)",
)} )}
> >
<span className={$("bg-neutral-400/10 min-w-6 flex justify-center items-center rounded-md text-sm h-6 flex-shrink-0")}> <span className={$("bg-neutral-400/10 min-w-6 flex justify-center items-center rounded-md text-sm")}>
{i + 1} {i + 1}
</span> </span>
{!!item.extra?.diff && <DiffNumber diff={item.extra.diff} />} {!!item.extra?.diff && <DiffNumber diff={item.extra.diff} />}