troy/troylusty.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

feat: reduce page sizing complexity

Browse source
This commit is contained in:
Troy 2025-02-13 18:55:50 +00:00
parent 089859e1f3
commit c5e1e5dda7
Signed by: troy
GPG key ID: DFC06C02ED3B4711
13 changed files with 95 additions and 101 deletions
Download patch file Download diff file Expand all files Collapse all files

21
src/components/ShowcasePost.astro
View file

@ -13,16 +13,17 @@ const { collection } = Astro.props;
class="group hover:bg-tertiary/30 bg-none"
href={`/${collection.collection}/${collection.slug}`}
>
<article class="flex flex-row items-center justify-between">
<h3 class="text-secondary mb-1 font-semibold text-nowrap">
{collection.data.title}
</h3>
<hr
class="text-tertiary group-hover:text-secondary mx-6 w-full border-dotted transition-colors duration-300"
/>
<time class="text-accent block text-nowrap"
><FormattedDate date={collection.data.date} /></time
>
<article class="flex flex-col">
<div class="flex flex-col justify-between md:flex-row md:items-center">
<h3 class="text-secondary mb-1 font-semibold text-nowrap">
{collection.data.title}
</h3>
<FormattedDate
date={collection.data.date}
className="text-accent block text-nowrap"
/>
</div>
<p class="text-tertiary text-pretty">{collection.data.description}</p>
</article>
</a>
</li>