Workaround community post slider dependency incorrectly calculating i…

…ts size (#4598)
FreeTubeApp · Jan 30, 2024 · 205924c · 205924c
1 parent c983e02
commit 205924c
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 20 deletions.
diff --git a/src/renderer/components/ft-community-post/ft-community-post.scss b/src/renderer/components/ft-community-post/ft-community-post.scss
@@ -144,5 +144,5 @@
 }
 
 .sliderContainer {
-  display: block;
+  display: grid;
 }
diff --git a/src/renderer/components/ft-community-post/ft-community-post.vue b/src/renderer/components/ft-community-post/ft-community-post.vue
@@ -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"
     >