Update presenter components, fix missing filter on albums bug

This commit is contained in:
Daniel Supernault 2019-02-26 23:28:04 -07:00
parent 9cf9869082
commit 1e28e4a2c7
No known key found for this signature in database
GPG key ID: 0DEF1C662C9033F7
2 changed files with 12 additions and 4 deletions

View file

@ -18,7 +18,9 @@
<source :src="media.url" :type="media.mime">
</video>
<img v-else-if="media.type == 'Image'" slot="img" class="d-block img-fluid w-100" :src="media.url" :alt="media.description" :title="media.description">
<div v-else-if="media.type == 'Image'" slot="img" :class="media.filter_class">
<img class="d-block img-fluid w-100" :src="media.url" :alt="media.description" :title="media.description">
</div>
<p v-else class="text-center p-0 font-weight-bold text-white">Error: Problem rendering preview.</p>
@ -40,7 +42,9 @@
<source :src="media.url" :type="media.mime">
</video>
<img v-else-if="media.type == 'Image'" slot="img" class="d-block img-fluid w-100" :src="media.url" :alt="media.description" :title="media.description">
<div v-else-if="media.type == 'Image'" slot="img" :class="media.filter_class">
<img class="d-block img-fluid w-100" :src="media.url" :alt="media.description" :title="media.description">
</div>
<p v-else class="text-center p-0 font-weight-bold text-white">Error: Problem rendering preview.</p>

View file

@ -13,7 +13,9 @@
:interval="0"
>
<b-carousel-slide v-for="(img, index) in status.media_attachments" :key="img.id">
<img slot="img" class="d-block img-fluid w-100" :src="img.url" :alt="img.description" :title="img.description">
<div slot="img" :class="img.filter_class">
<img class="d-block img-fluid w-100" :src="img.url" :alt="img.description" :title="img.description">
</div>
</b-carousel-slide>
</b-carousel>
</details>
@ -27,7 +29,9 @@
:interval="0"
>
<b-carousel-slide v-for="(img, index) in status.media_attachments" :key="img.id">
<img slot="img" class="d-block img-fluid w-100" :src="img.url" :alt="img.description" :title="img.description">
<div slot="img" :class="img.filter_class">
<img class="d-block img-fluid w-100" :src="img.url" :alt="img.description" :title="img.description">
</div>
</b-carousel-slide>
</b-carousel>
</div>