Only load timeline in active slide

packages/client/src/pages/timeline.vue

@@ -44,6 +44,9 @@
 						"
 						@swiper="setSwiperRef"
 						@slide-change="onSlideChange"
+						:touch-angle="25"
+						:threshold="10"
+						:centeredSlides="true"
 					>
 						<swiper-slide
 							v-for="index in timelines"
@@ -51,6 +54,7 @@
 							:virtual-index="index"
 						>
 							<XTimeline
+								v-if="index == timelines[swiperRef.activeIndex]"
 								ref="tl"
 								:key="src"
 								class="tl"

packages/client/src/style.scss

@@ -113,6 +113,10 @@ html, body {
 	padding: 0;
 }
 
+.swiper-slide {
+	height: unset !important;
+}
+
 a {
 	text-decoration: none;
 	cursor: pointer;