fix: swipe animation to page borders

This commit is contained in:
EETagent 2022-11-22 20:50:49 +01:00
parent c219ec6cc8
commit 4c32c73c57

View file

@ -27,16 +27,18 @@
</div> </div>
</div> </div>
<div class="dashboard dashboardMobile"> <div class="dashboard dashboardMobile">
<div class="my-10 name"> <div class="my-10 name w-[90%] mx-auto">
<DashboardInfoCard title="Damián"> <DashboardInfoCard title="Damián">
<span class="mt-3 text-sspsBlue truncate">damina.vysin@example.com</span> <span class="mt-3 text-sspsBlue truncate">damina.vysin@example.com</span>
<span class="mt-3 text-sspsGray text-xs">Uchazeč na SSPŠ</span> <span class="mt-3 text-sspsGray text-xs">Uchazeč na SSPŠ</span>
</DashboardInfoCard> </DashboardInfoCard>
</div> </div>
<Swiper slidesPerView={1} spaceBetween={20} > <Swiper slidesPerView={1} spaceBetween={20}>
{#each [0, 0, 0] as _} {#each [0, 0, 0] as _}
<SwiperSlide> <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> </SwiperSlide>
{/each} {/each}
</Swiper> </Swiper>
@ -50,7 +52,7 @@
} }
.dashboardMobile { .dashboardMobile {
@apply w-[90vw] h-[90vh]; @apply w-[100vw] h-[90vh];
@apply md:hidden; @apply md:hidden;
} }