diff options
Diffstat (limited to 'src/components/attachment')
| -rw-r--r-- | src/components/attachment/attachment.js | 2 | ||||
| -rw-r--r-- | src/components/attachment/attachment.vue | 7 |
2 files changed, 7 insertions, 2 deletions
diff --git a/src/components/attachment/attachment.js b/src/components/attachment/attachment.js index fa43c12f..9f751863 100644 --- a/src/components/attachment/attachment.js +++ b/src/components/attachment/attachment.js @@ -20,4 +20,4 @@ const Attachment = { } } -export default Attachment +export default Attachment
\ No newline at end of file diff --git a/src/components/attachment/attachment.vue b/src/components/attachment/attachment.vue index 1cb53c32..1e49cbeb 100644 --- a/src/components/attachment/attachment.vue +++ b/src/components/attachment/attachment.vue @@ -11,6 +11,8 @@ <video v-if="type === 'video' && !nsfw" :src="attachment.url" controls></video> + <audio v-if="type === 'audio'" :src="attachment.url" controls></audio> + <span v-if="type === 'unknown'">Don't know how to display this...</span> <div v-if="type === 'html' && attachment.oembed" class="oembed"> @@ -45,6 +47,10 @@ width: 100%; } + audio { + width: 100%; + } + img.media-upload { width: 100%; height: 100%; @@ -94,7 +100,6 @@ img { width: 100%; - flex: 1; border: 1px solid; border-radius: 0.5em; width: 100%; |