revert: "fix: optimize Image component" (#172)

moonlitgrace · Oct 31, 2024 · a01d896 · a01d896
1 parent 6487268
commit a01d896
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 9 deletions.
diff --git a/app/(routes)/(main)/blog/[slug]/page.tsx b/app/(routes)/(main)/blog/[slug]/page.tsx
@@ -91,6 +91,7 @@ export default async function Page(props: { params: Promise<{ slug: string }> })
             priority={true}
             width={0}
             height={0}
+            sizes="100vw"
             style={{ width: '100%', height: 'auto' }}
             className="rounded-2xl"
           />

diff --git a/app/(routes)/(main)/blog/page.tsx b/app/(routes)/(main)/blog/page.tsx
@@ -43,15 +43,16 @@ export default async function BlogPage() {
               )}
             >
               {post.cover && (
-                <div className="relative aspect-video h-auto w-full">
-                  <Image
-                    src={post.cover}
-                    alt={post.title}
-                    priority={true}
-                    fill
-                    className="rounded-2xl"
-                  />
-                </div>
+                <Image
+                  src={post.cover}
+                  alt={post.title}
+                  priority={true}
+                  width={0}
+                  height={0}
+                  sizes="100vw"
+                  style={{ width: '100%', height: 'auto' }}
+                  className="rounded-2xl"
+                />
               )}
               <div className="flex flex-col gap-2">
                 <div className="flex items-center justify-between">