badmanners/gallery.badmanners.xyz
badmanners/gallery.badmanners.xyz
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Make thumbnails consistent

Browse source
This commit is contained in:
Bad Manners 2024-09-23 18:11:01 -03:00
parent 97ed46af78
commit dcbf094a0e
Signed by: badmanners
GPG key ID: 8C88292CCB075609
2 changed files with 5 additions and 5 deletions
src/pages
blog
index.astro
games
index.astro

4
src/pages/blog/index.astro
View file

@ -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>

6
src/pages/games/index.astro
View file

@ -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>