Workaround community post slider dependency incorrectly calculating its size (#4598)

This commit is contained in:
absidue
2024-01-30 00:32:49 +00:00
committed by GitHub
parent c983e02011
commit 205924c33b
2 changed files with 18 additions and 20 deletions
@@ -144,5 +144,5 @@
}
.sliderContainer {
display: block;
display: grid;
}
@@ -56,27 +56,25 @@
class="postText"
v-html="postText"
/>
<div class="sliderContainer">
<swiper-container
v-if="type === 'multiImage' && postContent.content.length > 0"
ref="swiperContainer"
init="false"
class="slider"
<swiper-container
v-if="type === 'multiImage' && postContent.content.length > 0"
ref="swiperContainer"
init="false"
class="sliderContainer"
>
<swiper-slide
v-for="(img, index) in postContent.content"
:key="index"
lazy="true"
>
<swiper-slide
v-for="(img, index) in postContent.content"
:key="index"
lazy="true"
<img
:src="getBestQualityImage(img)"
class="communityImage"
alt=""
loading="lazy"
>
<img
:src="getBestQualityImage(img)"
class="communityImage"
alt=""
loading="lazy"
>
</swiper-slide>
</swiper-container>
</div>
</swiper-slide>
</swiper-container>
<div
v-if="type === 'image' && postContent.content.length > 0"
>