From 1a2ef8a4a2a5f5168744b0f808944b019a9be125 Mon Sep 17 00:00:00 2001
From: Stefan Zermatten <stefanzermatten@gmail.com>
Date: Sat, 20 Feb 2021 15:45:45 +0200
Subject: [PATCH] Fixed: markdown images no longer overflow their container
 width

---
 app/imports/ui/components/MarkdownText.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/app/imports/ui/components/MarkdownText.vue b/app/imports/ui/components/MarkdownText.vue
index e06213b7..cb3449d5 100644
--- a/app/imports/ui/components/MarkdownText.vue
+++ b/app/imports/ui/components/MarkdownText.vue
@@ -1,6 +1,9 @@
 <template lang="html">
   <!-- eslint-disable-next-line vue/no-v-html -->
-  <div v-html="compiledMarkdown" />
+  <div
+    class="markdown"
+    v-html="compiledMarkdown"
+  />
 </template>
 
 <script>
@@ -21,3 +24,10 @@
     },
 	}
 </script>
+
+<style lang="css">
+  .markdown img {
+    max-width: 100%;
+    margin: 8px 0;
+  }
+</style>