dan/Portfolio
1
0
Fork 0
mirror of https://github.com/danbulant/Portfolio synced 2026-05-26 21:41:50 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: real cards for mobile

Browse source
This commit is contained in:
EETagent 2022-12-03 21:59:34 +01:00
parent 09a0329d1d
commit fa8e109338
1 changed files with 17 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
frontend/src/routes/(candidate)/(authenticated)/dashboard/+page.svelte
View file

@ -24,7 +24,7 @@
<FullLayout> <FullLayout>
<div class="dashboard dashboardDesktop"> <div class="dashboard dashboardDesktop">
<div class="name col-span-3"> <div class="name col-span-3">
<DashboardInfoCard title={$candidateData.name + " " + $candidateData.surname ?? ""}> <DashboardInfoCard title={$candidateData.name + ' ' + $candidateData.surname ?? ''}>
<span class="mt-3 text-sspsBlue truncate">{$candidateData.email}</span> <span class="mt-3 text-sspsBlue truncate">{$candidateData.email}</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>
@ -41,19 +41,27 @@
</div> </div>
<div class="dashboard dashboardMobile"> <div class="dashboard dashboardMobile">
<div class="my-10 name w-[90%] mx-auto"> <div class="my-10 name w-[90%] mx-auto">
<DashboardInfoCard title={$candidateData.name + " " + $candidateData.surname ?? ""}> <DashboardInfoCard title={$candidateData.name + ' ' + $candidateData.surname ?? ''}>
<span class="mt-3 text-sspsBlue truncate">{$candidateData.email}</span> <span class="mt-3 text-sspsBlue truncate">{$candidateData.email}</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 _} <SwiperSlide>
<SwiperSlide> <div class="w-[90%] mx-auto">
<div class="w-[90%] mx-auto"> <CoverLetterUploadCard />
<DashboardUploadCard title="Motivační dopis" filetype="PDF" filesize="10 MB" /> </div>
</div> </SwiperSlide>
</SwiperSlide> <SwiperSlide>
{/each} <div class="w-[90%] mx-auto">
<PortfolioLetterUploadCard />
</div>
</SwiperSlide>
<SwiperSlide>
<div class="w-[90%] mx-auto">
<PortfolioZipUploadCard />
</div>
</SwiperSlide>
</Swiper> </Swiper>
</div> </div>
</FullLayout> </FullLayout>