wymiller/my-website-v2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added blog post page, reverted back to flex blog landing, added types

Browse Source
This commit is contained in:
Wyatt J. Miller
2025-02-25 13:22:45 -05:00
parent addb2e55d9
commit c4e11c2e02
11 changed files with 75 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/components/PostCarousel.tsx
View File

@ -1,4 +1,5 @@
import { Post, PostCard } from "./PostCard.tsx";
import { PostCard } from "./PostCard.tsx";
import { Post } from "../types/index.ts";
interface PostOpts {
posts: Post[];
@ -6,9 +7,9 @@ interface PostOpts {
export const PostCarousel = function PostCarousel({ posts }: PostOpts) {
return (
<div className="flex w-full bg-[#313244] p-8">
<div className="items-center justify-center">
<div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 max-w-7xl w-full">
<div className="flex w-full justify-start items-start bg-[#313244] p-8">
<div className="max-w-7xl mx-auto">
<div className="flex flex-wrap justify-center gap-3">
{posts.map((post: Post) => (
<PostCard key={post.post_id} post={post} />
))}