lukeonline - commit c337c48

diff --git a/src/layouts/ContentList.astro b/src/layouts/ContentList.astro index 461e02f..dddf55a 100644 --- a/src/layouts/ContentList.astro +++ b/src/layouts/ContentList.astro @@ -5,10 +5,12 @@ const { ...props } = Astro.props; --- <Base title={props.title}> <slot /> - {props.content.map(post => ( - <div> - <span>{post.title}</span> - <span>{post.desc}</span> - </div> - ))} + <div class="flex flex-col gap-2"> + {props.content.map(post => ( + <a class="flex flex-col"> + <span>{post.title}</span> + <span class="text-sm font-light">{post.desc}</span> + </a> + ))} + </div> </Base> diff --git a/src/pages/blog/index.astro b/src/pages/blog/index.astro index dfdd0a2..f1084cf 100644 --- a/src/pages/blog/index.astro +++ b/src/pages/blog/index.astro @@ -6,13 +6,13 @@ import { getCollection, getEntry } from 'astro:content'; const title = "Blog"; -const blogPosts = await getCollection('blog'); +const posts = await getCollection('blog'); -const contentData = blogPosts.map((post) => ({ +const contentData = posts.map((post) => ({ title: post.data.title, desc: `${post.data.desc} - ${post.data.date.toLocaleDateString()}` })); -console.log('POSTS: ', blogPosts) +console.log('POSTS: ', posts) --- <ContentList title={title} content={contentData} />