feat: dashboard size

This commit is contained in:
Sebastian Pravda 2022-12-03 19:58:54 +01:00 committed by EETagent
parent 7cc7260c14
commit bc26093cf2

View file

@ -15,15 +15,17 @@
export let data: PageData; export let data: PageData;
// @ts-ignore
$: candidateData.set(data.candidate); $: candidateData.set(data.candidate);
// @ts-ignore
$: submissionProgress.set(data.submission); $: submissionProgress.set(data.submission);
</script> </script>
<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 ?? ""}> <DashboardInfoCard title={$candidateData.name + " " + $candidateData.surname ?? ""}>
<span class="mt-3 text-sspsBlue truncate">{data.candidate.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>
@ -39,8 +41,8 @@
</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={data.candidate.name ?? ""}> <DashboardInfoCard title={$candidateData.name + " " + $candidateData.surname ?? ""}>
<span class="mt-3 text-sspsBlue truncate">{data.candidate.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>
@ -58,7 +60,7 @@
<style> <style>
.dashboardDesktop { .dashboardDesktop {
@apply w-[65vw] h-[65vh]; @apply w-[70vw] h-[70vh];
@apply hidden md:grid grid-cols-8 grid-rows-2 gap-10; @apply hidden md:grid grid-cols-8 grid-rows-2 gap-10;
} }