From d4b7d44f18151b14c27a4d081268df5078dec526 Mon Sep 17 00:00:00 2001
From: Gus <gocanto@users.noreply.github.com>
Date: Mon, 6 Oct 2025 10:19:25 +0800
Subject: [PATCH 1/2] Enhance article list thumbnail styling

---
 src/partials/ArticleItemPartial.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/partials/ArticleItemPartial.vue b/src/partials/ArticleItemPartial.vue
index 97a998a3..be801e41 100644
--- a/src/partials/ArticleItemPartial.vue
+++ b/src/partials/ArticleItemPartial.vue
@@ -3,7 +3,7 @@
 		<div class="flex items-start">
 			<router-link
 				v-lazy-link
-				class="relative block rounded-sm w-16 h-16 sm:w-[88px] sm:h-[88px] mr-6 overflow-hidden bg-slate-200 dark:bg-slate-800 flex-shrink-0 cursor-pointer"
+				class="relative block aspect-square w-20 h-20 sm:w-28 sm:h-28 mr-4 sm:mr-6 overflow-hidden rounded-lg bg-slate-200/80 dark:bg-slate-800/80 flex-shrink-0 cursor-pointer shadow-sm ring-1 ring-inset ring-slate-200/70 dark:ring-slate-700/70"
 				:class="isImageError ? 'animate-none' : showSkeleton ? 'animate-pulse' : 'animate-none'"
 				:to="{ name: 'PostDetail', params: { slug: item.slug } }"
 			>

From ff1158c152f3a16f2664a287ae01d7c805567b80 Mon Sep 17 00:00:00 2001
From: Gus <gocanto@users.noreply.github.com>
Date: Mon, 6 Oct 2025 10:28:38 +0800
Subject: [PATCH 2/2] Align article thumbnail intrinsic size

---
 src/partials/ArticleItemPartial.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/partials/ArticleItemPartial.vue b/src/partials/ArticleItemPartial.vue
index be801e41..d5379358 100644
--- a/src/partials/ArticleItemPartial.vue
+++ b/src/partials/ArticleItemPartial.vue
@@ -12,8 +12,8 @@
 					class="absolute inset-0 w-full h-full object-cover transition-opacity duration-300"
 					:class="isImageLoaded ? 'opacity-100' : 'opacity-0'"
 					:src="item.cover_image_url"
-					width="88"
-					height="88"
+					width="112"
+					height="112"
 					:alt="item.title"
 					decoding="async"
 					loading="lazy"