debug and images disallowed

alpozkanm · Nov 7, 2023 · d2bd6a4 · d2bd6a4
1 parent 4b08b82
commit d2bd6a4
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 8 deletions.
diff --git a/app/robots.txt b/app/robots.txt
@@ -2,6 +2,9 @@
 User-agent: *
 Allow: /
 
+User-agent: Googlebot-Image
+Disallow: /_next/image
+
 # Host
 Host: https://www.alpozkanm.info
 

diff --git a/components/posts.tsx b/components/posts.tsx
@@ -20,8 +20,8 @@ export default function Posts({ posts }: { posts: Content[] }) {
               <p className="mt-3 hidden sm:block">{post.description}</p>
             </div>
             {post.image && (
-              <div className="relative order-1 h-[112px] w-[112px] md:order-2">
-                <Image fill={true} src={post.image} alt={post.title} />
+              <div className="relative order-1 h-[112px] w-[112px] md:order-2 overflow-hidden">
+                <Image src={post.image} alt={post.title} sizes="112px" fill style={{ objectFit: 'contain', objectPosition: 'top',}} />
               </div>
             )}
           </div>

diff --git a/components/projects.tsx b/components/projects.tsx
@@ -19,7 +19,7 @@ export default function Projects({ projects }: { projects: Content[] }) {
             </div>
             {project.image && (
               <div className="relative order-1 h-[112px] w-[112px] md:order-2">
-                <Image fill={true} src={project.image} alt={project.title} />
+                <Image src={project.image} alt={project.title} sizes="112px" fill style={{ objectFit: 'contain', objectPosition: 'top',}}/>
               </div>
             )}
           </div>

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -91,9 +91,5 @@ module.exports = {
       }),
     },
   },
-  plugins: [
-    require("@tailwindcss/forms"),
-    require("tailwindcss-debug-screens"),
-    require("@tailwindcss/typography"),
-  ],
+  plugins: [require("@tailwindcss/forms"), require("@tailwindcss/typography")],
 };