fix: improve images display in some posts

forbole · Dec 28, 2023 · 1fe5226 · 1fe5226
1 parent 426b05f
commit 1fe5226
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/src/screens/blog_details/index.tsx b/src/screens/blog_details/index.tsx
@@ -35,6 +35,12 @@ const BlogDetails = ({ post }: Props) => {
           imgEl.addEventListener("error", () => {
             imgEl.parentNode?.removeChild(imgEl);
           });
+
+          if (window.innerWidth < 600) return;
+
+          imgEl.addEventListener("click", () => {
+            window.open(imgEl.src, "_blank");
+          });
         });
       });
     }

diff --git a/src/screens/blog_details/styles.ts b/src/screens/blog_details/styles.ts
@@ -278,9 +278,11 @@ export const ContentBox = styled.div<any>`
     }
   }
 
+  img,
   .kg-image-card img {
     margin: auto;
     object-fit: contain;
+    cursor: pointer;
     overflow: hidden;
     width: 100%;
     height: 100%;