Improve some ui visual effects

This commit is contained in:
PrinOrange
2024-01-08 18:18:21 +08:00
parent 8ce080fedd
commit b10ce77b00
8 changed files with 56 additions and 50 deletions

View File

@@ -65,13 +65,16 @@ export default function PostsPage(props: PostsPageProps) {
<Separator />
<div className={`my-5 flex flex-wrap justify-center px-2 ${fontSourceSerifScreenCN.className}`}>
{props.tagList.map((item) => (
<TagBadge key={`tag-badge-${nanoid()}`} name={item.name} size="md" count={item.count} />
<Link href={`/tags/${item.name}`} key={`tag-badge-${nanoid()}`}>
<TagBadge name={item.name} size="md" count={item.count} />
</Link>
))}
</div>
</>
)}
<Separator />
<PostList data={props.postList} />
<Separator />
<div className="my-5 flex justify-between text-base font-bold">
{props.pageNumber !== 1 && (
<Button asChild>