Feat: Card View

Restrict inline image links width to a reasonable size

2 files changed, 5 insertions, 1 deletions

diff --git a/src/mixins/postUtils.pug b/src/mixins/postUtils.pug
index b778cbd..b96ff1e 100644
--- a/src/mixins/postUtils.pug
+++ b/src/mixins/postUtils.pug
@@ -60,7 +60,7 @@
     var result = html;
     matches.forEach((match) => {
       // Replace each occurrence with an actual img tag
-      result = result.replace(match[0], '<a href="' + match[1] + '"><img src="' + match[1] + '"></a>');
+      result = result.replace(match[0], '<a href="' + match[1] + '"><img class="inline" src="' + match[1] + '"></a>');
     })
 
     return result;
diff --git a/src/public/styles.css b/src/public/styles.css
index 5996c75..bba485e 100644
--- a/src/public/styles.css
+++ b/src/public/styles.css
@@ -809,3 +809,7 @@ select {
   border-radius: 2px;
   border: 4px solid var(--sticky-color);
 }
+
+.inline {
+  max-width: 100%;
+}