Fixed: markdown images no longer overflow their container width

2021-02-20 15:45:45 +02:00
parent 10e9a5faa8
commit 1a2ef8a4a2
1 changed files with 11 additions and 1 deletions
--- 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>