dan/Portfolio
1
0
Fork 0
mirror of https://github.com/danbulant/Portfolio synced 2026-06-06 16:20:08 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: animation

Browse source
This commit is contained in:
EETagent 2022-12-23 22:14:29 +01:00
parent bd98cb90aa
commit ad284b3435
1 changed files with 36 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -1,4 +1,5 @@
<script lang="ts"> <script lang="ts">
import { flip } from 'svelte/animate';
import FullLayout from '$lib/components/layout/FullLayout.svelte'; import FullLayout from '$lib/components/layout/FullLayout.svelte';
import { Swiper, SwiperSlide } from 'swiper/svelte'; import { Swiper, SwiperSlide } from 'swiper/svelte';
@ -41,25 +42,45 @@
<FullLayout> <FullLayout>
<div class="dashboard dashboardDesktop"> <div class="dashboard dashboardDesktop">
<div class="movable name col-span-3 row-span-4" class:showDetailsInfoCard={showDetails}> {#each [0] as animated (animated)}
<DashboardInfoCard <div
bind:showDetails class="movable name col-span-3 row-span-4"
status={getUploadStatus($submissionProgress.status)} animate:flip={{ duration: 400}}
title={$candidateData.candidate.name + ' ' + $candidateData.candidate.surname ?? ''} class:showDetailsInfoCard={showDetails}
> >
<span class="text-sspsBlue mt-3 truncate">{$candidateData.candidate.email}</span> <DashboardInfoCard
<span class="text-sspsGray mt-3 text-xs">Uchazeč na SSPŠ</span> bind:showDetails
</DashboardInfoCard> status={getUploadStatus($submissionProgress.status)}
</div> title={$candidateData.candidate.name + ' ' + $candidateData.candidate.surname ?? ''}
>
<span class="text-sspsBlue mt-3 truncate">{$candidateData.candidate.email}</span>
<span class="text-sspsGray mt-3 text-xs">Uchazeč na SSPŠ</span>
</DashboardInfoCard>
</div>
{/each}
<div class="movable coverletter col-span-5 row-span-4"> <div class="movable coverletter col-span-5 row-span-4">
<CoverLetterUploadCard /> <CoverLetterUploadCard />
</div> </div>
<div class="portfolio col-span-4 row-span-4" class:showDetailsPortfolio={showDetails}> {#each [0] as animated (animated)}
<PortfolioLetterUploadCard /> <div
</div> animate:flip={{ duration: 400 }}
<div class="moreData col-span-4 row-span-4" class:showDetailsMoreData={showDetails}> class="portfolio col-span-4 row-span-4"
<PortfolioZipUploadCard /> class:showDetailsPortfolio={showDetails}
</div> >
<PortfolioLetterUploadCard />
</div>
{/each}
{#each [0] as animated (animated)}
<div
animate:flip={{ duration: 400 }}
class="moreData col-span-4 row-span-4"
class:showDetailsMoreData={showDetails}
>
<PortfolioZipUploadCard />
</div>
{/each}
</div> </div>
<div class="dashboard dashboardMobile"> <div class="dashboard dashboardMobile">
<div class="name my-10 mx-auto w-[90%]"> <div class="name my-10 mx-auto w-[90%]">