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

@ -12,7 +12,7 @@ interface PageData {
}
export const handler: Handlers<PageData> = {
async GET(_: any, ctx: any) {
async GET(_, ctx) {
const [featuredResult, recentResult, hotResult, popularResult] =
await Promise.all([
fetch(`${Deno.env.get("BASE_URI_API")}/posts/featured`),
@ -22,8 +22,8 @@ export const handler: Handlers<PageData> = {
]);
// parse all JSON responses concurrently
const [featuredPosts, recentPosts, hotPosts, popularPosts] = await Promise
.all([
const [featuredPosts, recentPosts, hotPosts, popularPosts] =
await Promise.all([
featuredResult.json(),
recentResult.json(),
hotResult.json(),
@ -52,7 +52,7 @@ export default function PostPage({ data }: PageProps<PageData>) {
Featured Posts
</h2>
</div>
<div className="text-lg font-thin italic text-white text-center flex">
<div className="text-lg font-thin italic text-white mb-4 text-center flex">
Ignite the impossible
</div>
<PostCarousel posts={featuredPosts} />