Troplo/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

blah

Browse source
This commit is contained in:
Ariadne Conill 2019-09-26 23:13:30 +00:00
parent e6abf4676d
commit 8ee23a4ff6
1 changed files with 7 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/components/attachment/attachment.vue
View file

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