@xexr/blog-platform 1.1.2 → 1.1.3

package/dist/app/blog/[slug]/page.tsx

@@ -342,19 +342,16 @@ export default function ArticlePage({
       {/* Featured Image */}
       {imageUrl && (
         <figure className="article-featured-image mx-auto my-8 w-full max-w-4xl sm:my-12 lg:my-16">
-          <div className="aspect-[16/9] overflow-hidden rounded-3xl border border-[var(--blog-accent-border)] shadow-[0_24px_80px_rgb(168_85_247_/_0.14)]">
-            <Image
-              src={imageUrl}
-              alt={
-                article.featuredImageAlt ??
-                `Featured image for ${article.title}`
-              }
-              className="h-full w-full object-cover"
-              width={800}
-              height={450}
-              priority
-            />
-          </div>
+          <Image
+            src={imageUrl}
+            alt={
+              article.featuredImageAlt ?? `Featured image for ${article.title}`
+            }
+            className="h-auto w-full rounded-3xl border border-[var(--blog-accent-border)] shadow-[0_24px_80px_rgb(168_85_247_/_0.14)]"
+            width={1200}
+            height={800}
+            priority
+          />
 
           {hasFeaturedImageMeta && (
             <figcaption className="text-muted-foreground mt-3 space-y-1 px-2 text-center text-sm leading-relaxed sm:px-0">
@@ -826,7 +823,7 @@ function ArticleCardImage({ src, alt }: { src: string; alt: string }) {
         alt={alt}
         width={480}
         height={270}
-        className="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105"
+        className="h-full w-full object-contain"
       />
     </div>
   );

package/dist/app/blog/authors/[slug]/page.tsx

@@ -315,7 +315,7 @@ function AuthorArticlePreview({
               }
               width={320}
               height={200}
-              className="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105"
+              className="h-full w-full object-contain"
             />
           </div>
         )}

package/dist/app/blog/page.tsx

@@ -229,7 +229,7 @@ function ArticlePreview({
         {imageUrl && (
           <Link
             href={articleUrl}
-            className="focus-visible:ring-ring relative block aspect-[16/10] w-full overflow-hidden rounded-2xl focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none"
+            className="focus-visible:ring-ring relative block aspect-[16/10] w-full overflow-hidden rounded-2xl bg-[var(--blog-accent-bg)] focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none"
             aria-label={`Read article: ${article.title}`}
           >
             <Image
@@ -240,7 +240,7 @@ function ArticlePreview({
               }
               width={400}
               height={250}
-              className="h-full w-full object-cover transition-transform duration-300 group-hover:scale-105"
+              className="h-full w-full object-contain"
             />
           </Link>
         )}
@@ -298,7 +298,7 @@ function ArticlePreview({
         {imageUrl && (
           <Link
             href={articleUrl}
-            className="focus-visible:ring-ring relative block aspect-[16/10] w-64 shrink-0 overflow-hidden rounded-2xl focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none xl:w-72"
+            className="focus-visible:ring-ring relative block aspect-[16/10] w-64 shrink-0 overflow-hidden rounded-2xl bg-[var(--blog-accent-bg)] focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none xl:w-72"
             aria-label={`Read article: ${article.title}`}
           >
             <Image
@@ -309,7 +309,7 @@ function ArticlePreview({
               }
               width={288}
               height={180}
-              className="h-full w-full object-cover transition-transform duration-300 group-hover:scale-105"
+              className="h-full w-full object-contain"
             />
           </Link>
         )}

package/dist/components/TopicArchivePages.tsx

@@ -194,7 +194,7 @@ function TopicArticleCard({
             alt={article.featuredImageAlt ?? article.title}
             width={640}
             height={360}
-            className="h-full w-full object-cover transition-transform duration-300 group-hover:scale-105"
+            className="h-full w-full object-contain"
           />
         </div>
       )}