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

remove top margin on article collections

Browse source
This commit is contained in:
Troy 2025-01-27 11:44:27 +00:00
parent c52e42a57f
commit 125f904b15
Signed by: troy
GPG key ID: DFC06C02ED3B4711
5 changed files with 15 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/pages/index.astro
View file

@ -25,7 +25,7 @@ const projects = allProjects
<Layout title={HOME.TITLE} description={HOME.DESCRIPTION}>
<Hero />
<section aria-labelledby="featured-projects">
<div class="group flex w-fit flex-row items-center justify-between gap-6">
<div class="group flex w-fit flex-row items-center">
<a href="/projects">
<h2
class="animate-reveal group-hover:text-tertiary text-2xl font-semibold break-words capitalize opacity-0 transition-colors duration-500"
@ -49,7 +49,7 @@ const projects = allProjects
}
</section>
<section aria-labelledby="recent-posts">
<div class="group flex w-fit flex-row items-center justify-between gap-6">
<div class="group flex w-fit flex-row items-center">
<a href="/posts">
<h2
class="animate-reveal group-hover:text-tertiary text-2xl font-semibold break-words capitalize opacity-0 transition-colors duration-500 [animation-delay:0.2s]"

2
src/pages/posts/index.astro
View file

@ -14,7 +14,7 @@ const posts = (await getCollection("posts"))
{POSTS.TITLE}
</h1>
<ol
class="animate-reveal mt-16 grid grid-cols-1 gap-6 opacity-0 [animation-delay:0.1s]"
class="animate-reveal grid grid-cols-1 gap-6 opacity-0 [animation-delay:0.1s]"
>
{posts.map((article: any) => <ShowcasePost collection={article} />)}
</ol>

2
src/pages/projects/index.astro
View file

@ -14,7 +14,7 @@ const projects = (await getCollection("projects"))
{PROJECTS.TITLE}
</h1>
<ol
class="animate-reveal mt-16 grid grid-cols-1 gap-4 opacity-0 [animation-delay:0.1s] md:grid-cols-2"
class="animate-reveal grid grid-cols-1 gap-4 opacity-0 [animation-delay:0.1s] md:grid-cols-2"
>
{projects.map((article: any) => <ShowcaseProject collection={article} />)}
</ol>