From dcbf094a0e91c4452fd4870b468193ec016aaf52 Mon Sep 17 00:00:00 2001
From: Bad Manners <me@badmanners.xyz>
Date: Mon, 23 Sep 2024 18:11:01 -0300
Subject: [PATCH] Make thumbnails consistent
---
src/pages/blog/index.astro | 4 ++--
src/pages/games/index.astro | 6 +++---
2 files changed, 5 insertions(+), 5 deletions(-)
diff --git a/src/pages/blog/index.astro b/src/pages/blog/index.astro
index a0f0ffc..b5d319e 100644
--- a/src/pages/blog/index.astro
+++ b/src/pages/blog/index.astro
@@ -40,7 +40,7 @@ const posts = await Promise.all(
data-tooltip
>
{post.data.thumbnail ? (
- <div class="flex aspect-square max-w-[288px] justify-center">
+ <div class="flex aspect-square max-w-[192px] justify-center">
<Image
loading={i < 10 ? "eager" : "lazy"}
class="u-photo m-auto"
@@ -50,7 +50,7 @@ const posts = await Promise.all(
/>
</div>
) : null}
- <div class="max-w-[288px] text-sm">
+ <div class="max-w-[192px] text-sm">
<span class="p-name" aria-label="Title">
{post.data.title}
</span>
diff --git a/src/pages/games/index.astro b/src/pages/games/index.astro
index 3d0b6ec..900bc91 100644
--- a/src/pages/games/index.astro
+++ b/src/pages/games/index.astro
@@ -40,17 +40,17 @@ const games = await Promise.all(
data-tooltip
>
{game.data.thumbnail ? (
- <div class="flex aspect-square max-w-[288px] justify-center">
+ <div class="flex aspect-square max-w-[192px] justify-center">
<Image
loading={i < 10 ? "eager" : "lazy"}
class="u-photo m-auto"
src={game.data.thumbnail}
alt={`Thumbnail for ${game.data.title}`}
- width={288}
+ width={192}
/>
</div>
) : null}
- <div class="max-w-[288px] text-sm">
+ <div class="max-w-[192px] text-sm">
<span class="p-name" aria-label="Title">
{game.data.title}
</span>