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

fix: frontend ui and mobile support

Browse source
This commit is contained in:
EETagent 2023-01-26 21:38:10 +01:00
parent 0d013366de
commit 84b8e07e07
2 changed files with 15 additions and 19 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

@ -49,8 +49,8 @@
}
.view {
@apply z-10;
@apply absolute top-0 right-0 bottom-0 m-auto md:top-auto md:bottom-auto md:left-auto md:m-0;
@apply md:h-screen md:w-[75vw];
@apply absolute top-0 right-0 bottom-0 left-0 m-auto md:top-auto md:bottom-auto md:left-auto md:m-0;
@apply md:h-screen md:w-[60vw];
@apply md:my-auto;
@apply bg-white;
}

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

@ -25,10 +25,7 @@
import GradesTable from '$lib/components/grades/GradesTable.svelte';
import SchoolSelect from '$lib/components/select/SchoolSelect.svelte';
import PersonalIdConfirmCheckBox from '$lib/components/checkbox/PersonalIdConfirmCheckBox.svelte';
import {
deriveBirthdateFromPersonalId,
isPersonalIdNumberWithBirthdateValid
} from '$lib/utils/personalIdFormat';
import { isPersonalIdNumberWithBirthdateValid } from '$lib/utils/personalIdFormat';
let pageIndex = 0;
let pagesFilled = [false, false, false, false, false, false, false, false];
@ -423,12 +420,9 @@
<SvelteToast />
<div class="form relative bg-center">
<div class="bottom-5/24 absolute flex w-full flex-col md:h-auto">
<!-- TODO: Find different way how to display SchoolBadge -->
{#if pageIndex !== 0 && pageIndex !== 7}
<div class="<md:h-24 <md:w-24 h-32 w-32 self-center">
<SchoolBadge />
</div>
{/if}
<div class="<md:hidden self-center">
<SchoolBadge />
</div>
<form on:submit={handleSubmit} id="triggerForm" class="invisible hidden" />
{#if pageIndex === 0}
<form on:submit={handleSubmit}>
@ -577,13 +571,15 @@
placeholder={$LL.input.birthDate()}
helperText="TODO: (Uveďte ve formátu DD.MM.RRRR)"
/>
<TextField
error={$typedErrors['candidate']['birthplace']}
bind:value={$form.candidate.birthplace}
type="text"
placeholder={$LL.input.birthPlace()}
helperText="TODO: (Místo narození)"
/>
<div class="ml-2">
<TextField
error={$typedErrors['candidate']['birthplace']}
bind:value={$form.candidate.birthplace}
type="text"
placeholder={$LL.input.birthPlace()}
helperText="TODO: (Místo narození)"
/>
</div>
</div>
<div class="field flex items-center justify-center">
{#if $form.candidate.citizenship === 'Česká republika' || !$form.candidate.citizenship}