From a3282ecf29bf387196a15c0a1f7bf9079d49bab5 Mon Sep 17 00:00:00 2001
From: Swrup <swrup@protonmail.com>
Date: Tue, 18 Jan 2022 01:41:10 +0100
Subject: [PATCH] css: use max-width for better image preview

---
 src/babillard.ml                 | 4 ++--
 src/content/assets/css/style.css | 7 ++++++-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/babillard.ml b/src/babillard.ml
index cea63bd..bc14024 100644
--- a/src/babillard.ml
+++ b/src/babillard.ml
@@ -355,9 +355,9 @@ let view_post ?is_thread_preview post_id =
       (*TODO thumbnails *)
       Format.sprintf
         {|
-    <div class="postImage">
+    <div class="postImageContainer">
         <a title="%s" href="/post_pic/%s">
-        <img src="/post_pic/%s" style="width:200px;height:200px;" loading="lazy">
+        <img class= "postImage" src="/post_pic/%s" loading="lazy">
         </a>
     </div> 
 |}
diff --git a/src/content/assets/css/style.css b/src/content/assets/css/style.css
index 7665ee2..9ca1abb 100644
--- a/src/content/assets/css/style.css
+++ b/src/content/assets/css/style.css
@@ -44,11 +44,16 @@ blockquote.blockquote {
   display: block;
 }
 
-.postImage {
+.postImageContainer {
   float: left;
   padding: 5px 5px 5px 5px;
 }
 
+.postImage {
+  max-width: 250px;
+  height: auto;
+}
+
 .quote {
   color: green;
 }