modified PostCarousel to use grid, among other things

This commit is contained in:
2024-12-10 14:08:03 -05:00
parent 637f0b47dd
commit addb2e55d9
5 changed files with 41 additions and 28 deletions

View File

@ -4,7 +4,7 @@ import { truncateString } from "../lib/truncate.ts";
export const PostCard = function PostCard({ post }: { post: Post }) {
return (
<div class="p-6 bg-[#45475a] rounded-lg shadow-md transition-all duration-300 ease-in-out hover:shadow-xl hover:scale-105">
<a href={`${Deno.env.get("BASE_URI_WEB")}/posts/${post.post_id}`}>
<a href={`${Deno.env.get("BASE_URI_WEB")}/posts/${post.slug}`}>
<h2 class="text-white text-lg font-bold mb-2">{post.title}</h2>
<p class="text-white">
Written by{" "}
@ -30,4 +30,5 @@ export type Post = {
title: string;
body: string;
created_at: string;
slug: string;
};