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

feat: register md screen optimalizations

Browse source
This commit is contained in:
Sebastian Pravda 2022-12-25 23:42:19 +01:00
parent 4f64117ddd
commit db827d9baa
No known key found for this signature in database
GPG key ID: F3BC84F08EFA3F57
2 changed files with 24 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -81,7 +81,7 @@
{/each} {/each}
</div> </div>
<div class="dashboard dashboardMobile"> <div class="dashboard dashboardMobile">
<div class="name my-10 mx-auto w-[90%]"> <div class="name md:my-10 mx-auto w-[90%]">
<DashboardInfoCard <DashboardInfoCard
status={getUploadStatus($submissionProgress.status)} status={getUploadStatus($submissionProgress.status)}
title={$candidateData.candidate.name + ' ' + $candidateData.candidate.surname ?? ''} title={$candidateData.candidate.name + ' ' + $candidateData.candidate.surname ?? ''}

43
frontend/src/routes/(candidate)/(authenticated)/register/+page.svelte
View file

@ -331,7 +331,7 @@
<SplitLayout> <SplitLayout>
<div class="form relative"> <div class="form relative">
<div class="absolute bottom-3/12 flex flex-col w-full"> <div class="overflow-scroll h-[65%] md:h-auto absolute bottom-3/12 flex flex-col w-full">
<div class="h-32 w-32 <md:hidden self-center mb-4"> <div class="h-32 w-32 <md:hidden self-center mb-4">
<SchoolBadge /> <SchoolBadge />
</div> </div>
@ -344,7 +344,7 @@
souhlas s jejich zpracováním. O bezpečnosti zpracování Vašich osobních údajů si můžete přečíst souhlas s jejich zpracováním. O bezpečnosti zpracování Vašich osobních údajů si můžete přečíst
<a href="/bezpecnost" class="text-sspsBlue underline"> zde</a>. <a href="/bezpecnost" class="text-sspsBlue underline"> zde</a>.
</p> </p>
<div class="mt-8 w-full"> <div class="field">
<GdprCheckBox <GdprCheckBox
on:change={handleChange} on:change={handleChange}
bind:value={$form.gdpr} bind:value={$form.gdpr}
@ -360,7 +360,7 @@
vyplněním potřebných údajů. vyplněním potřebných údajů.
</p> </p>
<div class="flex flex-col"> <div class="flex flex-col">
<span class="mt-8 w-full"> <span class="field">
<NameField <NameField
error={$typedErrors['candidate']['name']} error={$typedErrors['candidate']['name']}
on:change={handleChange} on:change={handleChange}
@ -369,7 +369,7 @@
placeholder="Jméno a příjmení" placeholder="Jméno a příjmení"
/> />
</span> </span>
<span class="mt-8 w-full"> <span class="field">
<EmailField <EmailField
error={$typedErrors['candidate']['email']} error={$typedErrors['candidate']['email']}
on:change={handleChange} on:change={handleChange}
@ -377,7 +377,7 @@
placeholder="E-mail" placeholder="E-mail"
/> />
</span> </span>
<span class="mt-8 w-full"> <span class="field">
<TelephoneField <TelephoneField
error={$typedErrors['candidate']['telephone']} error={$typedErrors['candidate']['telephone']}
on:change={handleChange} on:change={handleChange}
@ -394,7 +394,7 @@
přijímací řízení. Všechny údaje jsou důležité a bez nich se registrace nezdaří. přijímací řízení. Všechny údaje jsou důležité a bez nich se registrace nezdaří.
</p> </p>
<div class="flex w-full flex-col"> <div class="flex w-full flex-col">
<span class="mt-8 w-full"> <span class="field">
<TextField <TextField
error={$typedErrors['candidate']['address']} error={$typedErrors['candidate']['address']}
on:change={handleChange} on:change={handleChange}
@ -404,7 +404,7 @@
helperText="Uveďte ulici, č.p., město, PSČ" helperText="Uveďte ulici, č.p., město, PSČ"
/> />
</span> </span>
<span class="mt-8 w-full"> <span class="field">
<TextField <TextField
error={$typedErrors['candidate']['birthplace']} error={$typedErrors['candidate']['birthplace']}
on:change={handleChange} on:change={handleChange}
@ -421,7 +421,7 @@
</span> </span>
</div> </div>
<div class="mt-8 flex w-full items-center"> <div class="field flex items-center">
<TextField <TextField
error={$typedErrors['candidate']['birthdate']} error={$typedErrors['candidate']['birthdate']}
on:change={handleChange} on:change={handleChange}
@ -446,7 +446,7 @@
Sběr dat o zákonném zástupci je klíčový pro získání důležitých kontaktů a informací. Sběr dat o zákonném zástupci je klíčový pro získání důležitých kontaktů a informací.
</p> </p>
<div class="flex w-full flex-col"> <div class="flex w-full flex-col">
<span class="mt-8 w-full"> <span class="field">
<NameField <NameField
error={$typedErrors['parents'][0]['name'] || $typedErrors['parents'][0]['surname']} error={$typedErrors['parents'][0]['name'] || $typedErrors['parents'][0]['surname']}
on:change={handleChange} on:change={handleChange}
@ -455,7 +455,7 @@
placeholder="Jméno a příjmení zákonného zástupce" placeholder="Jméno a příjmení zákonného zástupce"
/> />
</span> </span>
<span class="mt-8 w-full"> <span class="field">
<EmailField <EmailField
error={$typedErrors['parents'][0]['email']} error={$typedErrors['parents'][0]['email']}
on:change={handleChange} on:change={handleChange}
@ -463,7 +463,7 @@
placeholder="E-mail zákonného zástupce" placeholder="E-mail zákonného zástupce"
/> />
</span> </span>
<span class="w-full mt-8"> <span class="field">
<TelephoneField <TelephoneField
error={$typedErrors['parents'][0]['telephone']} error={$typedErrors['parents'][0]['telephone']}
on:change={handleChange} on:change={handleChange}
@ -478,7 +478,7 @@
Zde můžete zadat údaje o druhém zákonném zástupci. Škole tím umožníte lépe komunikovat. Zde můžete zadat údaje o druhém zákonném zástupci. Škole tím umožníte lépe komunikovat.
</p> </p>
<div class="flex w-full flex-col"> <div class="flex w-full flex-col">
<span class="mt-8 w-full"> <span class="field">
<NameField <NameField
error={$typedErrors['parents'][1]['name'] || $typedErrors['parents'][1]['surname']} error={$typedErrors['parents'][1]['name'] || $typedErrors['parents'][1]['surname']}
on:change={handleChange} on:change={handleChange}
@ -487,7 +487,7 @@
placeholder="Jméno a příjmení zákonného zástupce (nepovinné)" placeholder="Jméno a příjmení zákonného zástupce (nepovinné)"
/> />
</span> </span>
<span class="mt-8 w-full"> <span class="field">
<EmailField <EmailField
error={$typedErrors['parents'][1]['email']} error={$typedErrors['parents'][1]['email']}
on:change={handleChange} on:change={handleChange}
@ -495,7 +495,7 @@
placeholder="E-mail zákonného zástupce (nepovinné)" placeholder="E-mail zákonného zástupce (nepovinné)"
/> />
</span> </span>
<span class="mt-8 w-full"> <span class="field">
<TelephoneField <TelephoneField
error={$typedErrors['parents'][1]['telephone']} error={$typedErrors['parents'][1]['telephone']}
on:change={handleChange} on:change={handleChange}
@ -510,7 +510,7 @@
Zadejte prosím své občanství, rodné číslo a obor na který se hlásíte. Zadejte prosím své občanství, rodné číslo a obor na který se hlásíte.
</p> </p>
<div class="flex w-full flex-row md:flex-col"> <div class="flex w-full flex-row md:flex-col">
<span class="mt-8 w-full"> <span class="field">
<SelectField <SelectField
error={$typedErrors['candidate']['citizenship']} error={$typedErrors['candidate']['citizenship']}
on:change={handleChange} on:change={handleChange}
@ -519,11 +519,11 @@
options={['Česká republika', 'Slovenská republika', 'Ukrajina', 'Jiné']} options={['Česká republika', 'Slovenská republika', 'Ukrajina', 'Jiné']}
/> />
</span> </span>
<span class="mt-8 ml-2 w-full md:ml-0"> <span class="field ml-2 md:ml-0">
<TextField on:change={handleChange} type="text" placeholder="Evidenční číslo přihlášky" /> <TextField on:change={handleChange} type="text" placeholder="Evidenční číslo přihlášky" />
</span> </span>
</div> </div>
<div class="mt-8 flex w-full items-center justify-center"> <div class="field flex items-center justify-center">
{#if $form.candidate.citizenship === 'Česká republika' || !$form.candidate.citizenship} {#if $form.candidate.citizenship === 'Česká republika' || !$form.candidate.citizenship}
<IdField <IdField
error={$typedErrors['candidate']['personalIdNumber']} error={$typedErrors['candidate']['personalIdNumber']}
@ -552,7 +552,7 @@
{/if} {/if}
</div> </div>
<div class="controls w-full absolute bottom-1/12"> <div class="controls w-full absolute bottom-1/12">
<div class="mt-8 w-full"> <div class="field">
<Submit <Submit
on:click={async (e) => { on:click={async (e) => {
await handleSubmit(e); await handleSubmit(e);
@ -569,7 +569,7 @@
/> />
</div> </div>
<div class="mt-8 flex flex-row justify-center"> <div class="mt-4 md:mt-8 flex flex-row justify-center">
{#each Array(pageCount + 1) as _, i} {#each Array(pageCount + 1) as _, i}
<button <button
class:dotActive={i === pageIndex} class:dotActive={i === pageIndex}
@ -592,6 +592,9 @@
</SplitLayout> </SplitLayout>
<style lang="postcss"> <style lang="postcss">
.field {
@apply mt-4 md:mt-8 w-full;
}
.form { .form {
@apply flex flex-col; @apply flex flex-col;
@apply mx-auto h-full w-[90%]; @apply mx-auto h-full w-[90%];
@ -611,7 +614,7 @@
@apply bg-sspsBlue; @apply bg-sspsBlue;
} }
.description { .description {
@apply text-gray-500 @apply text-gray-500;
} }
.title { .title {
@apply text-sspsBlue text-4xl font-semibold text-center; @apply text-sspsBlue text-4xl font-semibold text-center;