From c2aafed1abdb5cca13429e895ea74023afb5b8f5 Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Tue, 13 Sep 2022 16:36:58 -0700
Subject: [PATCH] ex

---
 packages/client/src/pages/explore.vue | 38 +++++++++++++--------------
 1 file changed, 19 insertions(+), 19 deletions(-)

diff --git a/packages/client/src/pages/explore.vue b/packages/client/src/pages/explore.vue
index 5baabd2d6..ac7e96816 100644
--- a/packages/client/src/pages/explore.vue
+++ b/packages/client/src/pages/explore.vue
@@ -2,21 +2,21 @@
 <MkStickyContainer>
 	<template #header><MkPageHeader v-model:tab="tab" :actions="headerActions" :tabs="headerTabs"/></template>
 	<div class="lznhrdub">
-		<swiper
-			:modules="[Virtual]"
-			:space-between="20"
-			:virtual="true"
-			@swiper="setSwiperRef"
-			@slide-change="onSlideChange"
-		>
-			<swiper-slide>
-				<XFeatured/>
-			</swiper-slide>
-			<swiper-slide>
-				<XUsers/>
-			</swiper-slide>
-			<swiper-slide>
-				<MkSpacer :content-max="1200">
+		<MkSpacer :content-max="1200">
+			<swiper
+				:modules="[Virtual]"
+				:space-between="20"
+				:virtual="true"
+				@swiper="setSwiperRef"
+				@slide-change="onSlideChange"
+			>
+				<swiper-slide>
+					<XFeatured/>
+				</swiper-slide>
+				<swiper-slide>
+					<XUsers/>
+				</swiper-slide>
+				<swiper-slide>
 					<div>
 						<MkInput v-model="searchQuery" :debounce="true" type="search" class="_formBlock">
 							<template #prefix><i class="fas fa-search"></i></template>
@@ -29,9 +29,9 @@
 						</MkRadios>
 					</div>
 					<XUserList v-if="searchQuery" ref="searchEl" class="_gap" :pagination="searchPagination"/>
-				</MkSpacer>
-			</swiper-slide>
-		</swiper>
+				</swiper-slide>
+			</swiper>
+		</MkSpacer>
 	</div>
 </MkStickyContainer>
 </template>
@@ -42,7 +42,7 @@ import { Virtual } from 'swiper';
 import { Swiper, SwiperSlide } from 'swiper/vue';
 import XFeatured from './explore.featured.vue';
 import XUsers from './explore.users.vue';
-import MkFolder from '@/components/MkFolder.vue';
+import type MkFolder from '@/components/MkFolder.vue';
 import MkInput from '@/components/form/input.vue';
 import MkRadios from '@/components/form/radios.vue';
 import number from '@/filters/number';