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 data-tooltip
> >
{post.data.thumbnail ? ( {post.data.thumbnail ? (
<div class="flex aspect-square max-w-[288px] justify-center"> <div class="flex aspect-square max-w-[192px] justify-center">
<Image <Image
loading={i < 10 ? "eager" : "lazy"} loading={i < 10 ? "eager" : "lazy"}
class="u-photo m-auto" class="u-photo m-auto"
@ -50,7 +50,7 @@ const posts = await Promise.all(
/> />
</div> </div>
) : null} ) : null}
<div class="max-w-[288px] text-sm"> <div class="max-w-[192px] text-sm">
<span class="p-name" aria-label="Title"> <span class="p-name" aria-label="Title">
{post.data.title} {post.data.title}
</span> </span>

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

@ -40,17 +40,17 @@ const games = await Promise.all(
data-tooltip data-tooltip
> >
{game.data.thumbnail ? ( {game.data.thumbnail ? (
<div class="flex aspect-square max-w-[288px] justify-center"> <div class="flex aspect-square max-w-[192px] justify-center">
<Image <Image
loading={i < 10 ? "eager" : "lazy"} loading={i < 10 ? "eager" : "lazy"}
class="u-photo m-auto" class="u-photo m-auto"
src={game.data.thumbnail} src={game.data.thumbnail}
alt={`Thumbnail for ${game.data.title}`} alt={`Thumbnail for ${game.data.title}`}
width={288} width={192}
/> />
</div> </div>
) : null} ) : null}
<div class="max-w-[288px] text-sm"> <div class="max-w-[192px] text-sm">
<span class="p-name" aria-label="Title"> <span class="p-name" aria-label="Title">
{game.data.title} {game.data.title}
</span> </span>