aboutsummaryrefslogtreecommitdiff
path: root/src/components/attachment/attachment.vue
diff options
context:
space:
mode:
authorRoger Braun <roger@rogerbraun.net>2017-02-18 01:19:44 +0100
committerRoger Braun <roger@rogerbraun.net>2017-02-18 01:19:44 +0100
commit9d0d1f7de1e37cb40d7ecd34fd93744f55142e2b (patch)
tree2094e0386f6203a8105b8eed538183a0700d634b /src/components/attachment/attachment.vue
parentf25ae61c5daf7e925fb38d1636a61b70a4dd2d1c (diff)
parentcd0925747dd4657747ed3bdb242446297676b5cf (diff)
Merge branch 'develop' into feature/hash-routed
Diffstat (limited to 'src/components/attachment/attachment.vue')
-rw-r--r--src/components/attachment/attachment.vue9
1 files changed, 6 insertions, 3 deletions
diff --git a/src/components/attachment/attachment.vue b/src/components/attachment/attachment.vue
index 505182c6..311e36b8 100644
--- a/src/components/attachment/attachment.vue
+++ b/src/components/attachment/attachment.vue
@@ -1,5 +1,5 @@
<template>
- <div class="attachment">
+ <div class="attachment" :class="type">
<a class="image-attachment" v-if="hidden" v-on:click.prevent="toggleHidden()">
<img :key="nsfwImage" :src="nsfwImage"></img>
</a>
@@ -42,6 +42,10 @@
margin: 0.2em;
align-self: flex-start;
+ &.html {
+ flex-basis: 100%;
+ }
+
.hider {
position: absolute;
margin: 10px;
@@ -74,12 +78,11 @@
.oembed {
img {
width: 100%;
- height: 100%;
}
}
.oembed {
- border: 1px solid rgba(0, 0, 0, 0.14);
+ border: 1px solid;
width: 100%;
display: flex;