mirror of
https://github.com/pixelfed/pixelfed.git
synced 2024-12-02 03:03:17 +00:00
Update presenter components, fix missing filter on albums bug
This commit is contained in:
parent
9cf9869082
commit
1e28e4a2c7
2 changed files with 12 additions and 4 deletions
|
@ -18,7 +18,9 @@
|
||||||
<source :src="media.url" :type="media.mime">
|
<source :src="media.url" :type="media.mime">
|
||||||
</video>
|
</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>
|
<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">
|
<source :src="media.url" :type="media.mime">
|
||||||
</video>
|
</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>
|
<p v-else class="text-center p-0 font-weight-bold text-white">Error: Problem rendering preview.</p>
|
||||||
|
|
||||||
|
|
|
@ -13,7 +13,9 @@
|
||||||
:interval="0"
|
:interval="0"
|
||||||
>
|
>
|
||||||
<b-carousel-slide v-for="(img, index) in status.media_attachments" :key="img.id">
|
<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-slide>
|
||||||
</b-carousel>
|
</b-carousel>
|
||||||
</details>
|
</details>
|
||||||
|
@ -27,7 +29,9 @@
|
||||||
:interval="0"
|
:interval="0"
|
||||||
>
|
>
|
||||||
<b-carousel-slide v-for="(img, index) in status.media_attachments" :key="img.id">
|
<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-slide>
|
||||||
</b-carousel>
|
</b-carousel>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in a new issue