Fixed: markdown images no longer overflow their container width
This commit is contained in:
@@ -1,6 +1,9 @@
|
|||||||
<template lang="html">
|
<template lang="html">
|
||||||
<!-- eslint-disable-next-line vue/no-v-html -->
|
<!-- eslint-disable-next-line vue/no-v-html -->
|
||||||
<div v-html="compiledMarkdown" />
|
<div
|
||||||
|
class="markdown"
|
||||||
|
v-html="compiledMarkdown"
|
||||||
|
/>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
@@ -21,3 +24,10 @@
|
|||||||
},
|
},
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<style lang="css">
|
||||||
|
.markdown img {
|
||||||
|
max-width: 100%;
|
||||||
|
margin: 8px 0;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user