From 4c32c73c573617c81bbc07c39b9c49c9ff4aa491 Mon Sep 17 00:00:00 2001
From: EETagent <vojta.jungmann@gmail.com>
Date: Tue, 22 Nov 2022 20:50:49 +0100
Subject: [PATCH] fix: swipe animation to page borders

---
 frontend/src/routes/dashboard/+page.svelte | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/frontend/src/routes/dashboard/+page.svelte b/frontend/src/routes/dashboard/+page.svelte
index 5c5a72e..00b9b07 100644
--- a/frontend/src/routes/dashboard/+page.svelte
+++ b/frontend/src/routes/dashboard/+page.svelte
@@ -27,16 +27,18 @@
 		</div>
 	</div>
 	<div class="dashboard dashboardMobile">
-		<div class="my-10 name">
+		<div class="my-10 name w-[90%] mx-auto">
 			<DashboardInfoCard title="Damián">
 				<span class="mt-3 text-sspsBlue truncate">damina.vysin@example.com</span>
 				<span class="mt-3 text-sspsGray text-xs">Uchazeč na SSPŠ</span>
 			</DashboardInfoCard>
 		</div>
-		<Swiper slidesPerView={1} spaceBetween={20} >
+		<Swiper slidesPerView={1} spaceBetween={20}>
 			{#each [0, 0, 0] as _}
 				<SwiperSlide>
-					<DashboardUploadCard title="Motivační dopis" filetype="PDF" filesize="10 MB" />
+					<div class="w-[90%] mx-auto">
+						<DashboardUploadCard title="Motivační dopis" filetype="PDF" filesize="10 MB" />
+					</div>
 				</SwiperSlide>
 			{/each}
 		</Swiper>
@@ -50,7 +52,7 @@
 	}
 
 	.dashboardMobile {
-		@apply w-[90vw] h-[90vh];
+		@apply w-[100vw] h-[90vh];
 		@apply md:hidden;
 	}