fiatcode/site
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

refactor BlogPost component to use <ul> for tag list

Browse source
This commit is contained in:
fiatcode 2026-01-22 15:00:04 +07:00
parent c3837ef6c8
commit a0f1a6499f
1 changed files with 9 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/components/BlogPost.astro
View file

@ -37,15 +37,17 @@ const { title, description, date, tags } = Astro.props;
<slot />
</div>
<div class="flex flex-wrap gap-2">
<ul class="flex flex-wrap gap-2">
{
tags?.map((tag) => (
<a href={`/tags/${tag}`}>
<span class="text-sm text-zinc-400 font-semibold rounded-md bg-zinc-800 px-2 py-2 hover:bg-zinc-700">
#{tag}
</span>
</a>
<li>
<a href={`/tags/${tag}`}>
<span class="text-sm text-zinc-400 font-semibold rounded-md bg-zinc-800 px-2 py-2 hover:bg-zinc-700">
#{tag}
</span>
</a>
</li>
))
}
</div>
</ul>
</article>