aboutsummaryrefslogtreecommitdiff
path: root/src/components/attachment/attachment.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/attachment/attachment.vue')
-rw-r--r--src/components/attachment/attachment.vue13
1 files changed, 12 insertions, 1 deletions
diff --git a/src/components/attachment/attachment.vue b/src/components/attachment/attachment.vue
index d20b704b..0e67f48e 100644
--- a/src/components/attachment/attachment.vue
+++ b/src/components/attachment/attachment.vue
@@ -4,7 +4,7 @@
<img :src="nsfwImage"></img>
</a>
- <a v-if="type === 'image' && !nsfw" :href="attachment.url" target="_blank"><img :src="attachment.url"></img></a>
+ <a class="image-attachment" v-if="type === 'image' && !nsfw" :href="attachment.url" target="_blank"><img :src="attachment.url"></img></a>
<video v-if="type === 'webm' && !nsfw" :src="attachment.url" controls></video>
@@ -29,5 +29,16 @@
video {
height: 100%;
}
+
+ a.image-attachment {
+ display: flex;
+ flex: 1;
+
+ img {
+ width: 100%;
+ height: 100%;
+ flex: 1;
+ }
+ }
}
</style>