This commit is contained in:
Ariadne Conill 2019-09-26 23:13:30 +00:00
parent e6abf4676d
commit 8ee23a4ff6

View file

@ -25,6 +25,7 @@
@click.prevent="toggleHidden"
>
<img
v-if="!nsfwUseBlur"
:key="nsfwImage"
class="nsfw"
:src="nsfwImage"
@ -48,13 +49,14 @@
<a
v-if="type === 'image' && (!hidden || preloadImage)"
class="image-attachment"
:class="{'hidden': hidden && preloadImage }"
:class="{'hidden': hidden && preloadImage && !nsfwUseBlur}"
:href="attachment.url"
target="_blank"
:title="attachment.description"
@click="openModal"
>
<StillImage
:class="{'nsfw-blur': hidden && nsfwUseBlur}"
:referrerpolicy="referrerpolicy"
:mimetype="attachment.mimetype"
:src="attachment.large_thumb_url || attachment.url"
@ -286,6 +288,10 @@
height: 100%;
}
.nsfw-blur {
filter: blur(3.0rem);
}
img {
image-orientation: from-image; // NOTE: only FF supports this
}