max/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add links to tags
Some checks failed
Deploy to SFTP Server / build (push) Has been cancelled
Details

Browse Source
This commit is contained in:
max_richter 2024-04-07 02:45:06 +02:00
parent 0ab1e1068d
commit 7c331406a5
2 changed files with 18 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/SmallCard.astro
View File

@ -21,10 +21,8 @@ interface Props {
const { post } = Astro.props; const { post } = Astro.props;
--- ---
<a <div class="rounded-diag-md border border-neutral p-4 overflow-hidden">
href={tp(`/${post.collection}/${post.slug.split("/")[0]}`)} <a href={tp(`/${post.collection}/${post.slug.split("/")[0]}`)}>
class="rounded-diag-md border border-neutral p-4 overflow-hidden"
>
<h2 <h2
class="text-2xl flex gap-2 items-center line-clamp text-ellipsis overflow-hidden" class="text-2xl flex gap-2 items-center line-clamp text-ellipsis overflow-hidden"
> >
@ -34,15 +32,19 @@ const { post } = Astro.props;
<p class="text-ellipsis overflow-hidden line-clamp-2"> <p class="text-ellipsis overflow-hidden line-clamp-2">
{post.data.description || markdownToText(post.body).slice(0, 200)} {post.data.description || markdownToText(post.body).slice(0, 200)}
</p> </p>
</a>
{ {
post.data.tags && ( post.data.tags && (
<div class="flex gap-2 mt-2"> <div class="flex gap-2 mt-2">
{post.data.tags.map((tag) => ( {post.data.tags.map((tag) => (
<span class="text-xs border border-neutral p-2 rounded-md"> <a
href={tp(`/tag/${tag}`)}
class="text-xs border border-neutral p-2 rounded-md"
>
{tag} {tag}
</span> </a>
))} ))}
</div> </div>
) )
} }
</a> </div>

0
src/components/Tag.astro Normal file
View File