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

feat: phone optimizations

Browse source
This commit is contained in:
Sebastian Pravda 2022-12-25 23:08:43 +01:00
parent 54752a50d3
commit 4f64117ddd
No known key found for this signature in database
GPG key ID: F3BC84F08EFA3F57
3 changed files with 47 additions and 51 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
frontend/src/lib/components/layout/SplitLayout.svelte
View file

@ -28,11 +28,11 @@
<style lang="postcss"> <style lang="postcss">
.bgImage { .bgImage {
@apply -z-20; @apply -z-20;
@apply min-w-screen absolute min-h-screen md:min-w-[50vw]; @apply min-w-screen absolute min-h-full md:min-w-[50vw];
@apply bg-cover bg-no-repeat; @apply bg-cover bg-no-repeat;
} }
.bgOverlay { .bgOverlay {
@apply min-w-screen absolute -z-10 min-h-screen md:min-w-[50vw]; @apply min-w-screen absolute -z-10 min-h-full md:min-w-[50vw];
background: linear-gradient(45deg, rgba(18, 48, 75, 1), rgba(119, 173, 224, 0.443)); background: linear-gradient(45deg, rgba(18, 48, 75, 1), rgba(119, 173, 224, 0.443));
@apply bg-cover; @apply bg-cover;
} }

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

@ -332,7 +332,7 @@
<SplitLayout> <SplitLayout>
<div class="form relative"> <div class="form relative">
<div class="absolute bottom-3/12 flex flex-col w-full"> <div class="absolute bottom-3/12 flex flex-col w-full">
<div class="h-24 w-24 md:h-32 md:w-32 self-center mb-4"> <div class="h-32 w-32 <md:hidden self-center mb-4">
<SchoolBadge /> <SchoolBadge />
</div> </div>
<form on:submit={handleSubmit} id="triggerForm" class="invisible hidden"></form> <form on:submit={handleSubmit} id="triggerForm" class="invisible hidden"></form>
@ -359,7 +359,7 @@
V rámci usnadnění přijímacího řízení jsme připravili online formulář, který Vám pomůže s V rámci usnadnění přijímacího řízení jsme připravili online formulář, který Vám pomůže s
vyplněním potřebných údajů. vyplněním potřebných údajů.
</p> </p>
<div class="flex w-full items-center justify-center md:flex-col"> <div class="flex flex-col">
<span class="mt-8 w-full"> <span class="mt-8 w-full">
<NameField <NameField
error={$typedErrors['candidate']['name']} error={$typedErrors['candidate']['name']}
@ -369,7 +369,7 @@
placeholder="Jméno a příjmení" placeholder="Jméno a příjmení"
/> />
</span> </span>
<span class="mt-8 ml-2 w-full md:ml-0"> <span class="mt-8 w-full">
<EmailField <EmailField
error={$typedErrors['candidate']['email']} error={$typedErrors['candidate']['email']}
on:change={handleChange} on:change={handleChange}
@ -377,14 +377,14 @@
placeholder="E-mail" placeholder="E-mail"
/> />
</span> </span>
</div> <span class="mt-8 w-full">
<div class="mt-8 w-full"> <TelephoneField
<TelephoneField error={$typedErrors['candidate']['telephone']}
error={$typedErrors['candidate']['telephone']} on:change={handleChange}
on:change={handleChange} bind:value={$form.candidate.telephone}
bind:value={$form.candidate.telephone} placeholder="Telefon"
placeholder="Telefon" />
/> </span>
</div> </div>
</form> </form>
{:else if pageIndex === 2} {:else if pageIndex === 2}
@ -393,7 +393,7 @@
Pro registraci je potřeba vyplnit několik údajů o Vás. Tyto údaje budou použity pro Pro registraci je potřeba vyplnit několik údajů o Vás. Tyto údaje budou použity pro
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-row md:flex-col"> <div class="flex w-full flex-col">
<span class="mt-8 w-full"> <span class="mt-8 w-full">
<TextField <TextField
error={$typedErrors['candidate']['address']} error={$typedErrors['candidate']['address']}
@ -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 ml-2 w-full md:ml-0"> <span class="mt-8 w-full">
<TextField <TextField
error={$typedErrors['candidate']['birthplace']} error={$typedErrors['candidate']['birthplace']}
on:change={handleChange} on:change={handleChange}
@ -455,24 +455,22 @@
placeholder="Jméno a příjmení zákonného zástupce" placeholder="Jméno a příjmení zákonného zástupce"
/> />
</span> </span>
<div class="mt-8 flex flex-row items-center md:flex-col"> <span class="mt-8 w-full">
<span class="w-full"> <EmailField
<EmailField error={$typedErrors['parents'][0]['email']}
error={$typedErrors['parents'][0]['email']} on:change={handleChange}
on:change={handleChange} bind:value={$form.parents[0].email}
bind:value={$form.parents[0].email} 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="ml-2 w-full md:ml-0 md:mt-8"> <TelephoneField
<TelephoneField error={$typedErrors['parents'][0]['telephone']}
error={$typedErrors['parents'][0]['telephone']} on:change={handleChange}
on:change={handleChange} bind:value={$form.parents[0].telephone}
bind:value={$form.parents[0].telephone} placeholder="Telefon zákonného zástupce"
placeholder="Telefon zákonného zástupce" />
/> </span>
</span>
</div>
</div> </div>
{:else if pageIndex === 4} {:else if pageIndex === 4}
<h1 class="title mt-8">{pageTexts[4]}</h1> <h1 class="title mt-8">{pageTexts[4]}</h1>
@ -489,24 +487,22 @@
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>
<div class="mt-8 flex flex-row items-center md:flex-col"> <span class="mt-8 w-full">
<span class="w-full"> <EmailField
<EmailField error={$typedErrors['parents'][1]['email']}
error={$typedErrors['parents'][1]['email']} on:change={handleChange}
on:change={handleChange} bind:value={$form.parents[1].email}
bind:value={$form.parents[1].email} placeholder="E-mail zákonného zástupce (nepovinné)"
placeholder="E-mail zákonného zástupce (nepovinné)" />
/> </span>
<span class="mt-8 w-full">
<TelephoneField
error={$typedErrors['parents'][1]['telephone']}
on:change={handleChange}
bind:value={$form.parents[1].telephone}
placeholder="Telefon zákonného zástupce (nepovinné)"
/>
</span> </span>
<span class="ml-2 w-full md:ml-0 md:mt-8">
<TelephoneField
error={$typedErrors['parents'][1]['telephone']}
on:change={handleChange}
bind:value={$form.parents[1].telephone}
placeholder="Telefon zákonného zástupce (nepovinné)"
/>
</span>
</div>
</div> </div>
{:else if pageIndex === 5} {:else if pageIndex === 5}
<h1 class="title mt-8">{pageTexts[5]}</h1> <h1 class="title mt-8">{pageTexts[5]}</h1>

2
frontend/src/routes/(candidate)/auth/login/[code=application]/+page.svelte
View file

@ -130,7 +130,7 @@
input { input {
@apply text-sspsBlue text-center font-semibold; @apply text-sspsBlue text-center font-semibold;
@apply transition-colors duration-300; @apply transition-colors duration-300;
@apply focus:border-sspsBlue hover:border-sspsBlue rounded-xl border border-2 bg-[#f8fafb] p-3 caret-transparent shadow-lg outline-none; @apply focus:border-sspsBlue hover:border-sspsBlue rounded-xl border border-2 bg-[#f8fafb] p-3 md:caret-transparent shadow-lg outline-none;
} }
.separater { .separater {
@apply bg-sspsBlue mr-2 hidden h-2 w-8 md:block; @apply bg-sspsBlue mr-2 hidden h-2 w-8 md:block;