dealjus/justin.deal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix tag alignment

Browse Source
This commit is contained in:
Justin Deal 2025-05-03 02:30:33 -07:00
parent b8a463f009
commit 09b838819b
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/ArticleSnippet.astro
View File

@ -27,9 +27,9 @@ const { title, description, url, duration, timestamp, tags } = Astro.props;
<p class="">
{description}
</p>
<div class="flex flex-wrap gap-2">
<div class="flex flex-wrap gap-2 w-full">
{tags?.map((tag: string) => (
<span class="-zag-text -zag-bg zag-transition px-2 py-1 text-sm font-semibold">
<span class="-zag-text -zag-bg zag-transition px-2 py-1 text-sm font-semibold rounded-md whitespace-nowrap overflow-hidden text-ellipsis max-w-[150px]" title={tag}>
{tag}
</span>
))}

4
src/components/ProjectSnippet.astro
View File

@ -38,10 +38,10 @@ const { title, description, url, githubUrl, liveUrl, tags } = Astro.props;
<p class="zag-text zag-transition">
{description}
</p>
<div class="flex flex-row wrap gap-2">
<div class="flex flex-wrap gap-2 w-full">
{
tags.map((tag) => (
<span class="-zag-text -zag-bg zag-transition px-2 py-1 text-sm font-semibold">
<span class="-zag-text -zag-bg zag-transition px-2 py-1 text-sm font-semibold rounded-md whitespace-nowrap overflow-hidden text-ellipsis max-w-[150px]" title={tag}>
{tag}
</span>
))