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

feat: move badge to own component

Browse source
This commit is contained in:
EETagent 2022-11-29 11:42:35 +01:00
parent ce02649a06
commit ce922607bd
4 changed files with 18 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

0
frontend/src/lib/assets/logo/lev.png → frontend/src/lib/assets/logo/lion.png
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.6 KiB

After

Width:  |  Height:  |  Size: 7.6 KiB

12
frontend/src/lib/components/icons/SchoolBadge.svelte Normal file
View file

@ -0,0 +1,12 @@
<script lang="ts">
import lion from '$lib/assets/logo/lion.png';
</script>
<div
class="py-3 px-6 md:py-4 md:px-8 rounded-[999px] shadow-2xl flex items-center justify-center transition-all duration-700 hover:shadow-md"
>
<img class="object-cover" src={lion} alt="" />
</div>
<style>
</style>

7
frontend/src/routes/login/+page.svelte
View file

@ -2,6 +2,7 @@
import { goto } from '$app/navigation';
import lev from '$lib/assets/logo/lev.png';
import SchoolBadge from '$lib/components/icons/SchoolBadge.svelte';
import SplitLayout from '$lib/components/layout/SplitLayout.svelte';
import TextField from '$lib/components/textfield/TextField.svelte';
@ -17,11 +18,7 @@
<SplitLayout>
<div class="form">
<div
class="py-3 px-6 md:py-4 md:px-8 rounded-[999px] shadow-2xl flex items-center justify-center"
>
<img class="object-cover" src={lev} alt="" />
</div>
<SchoolBadge />
<h1 class="mt-8 text-4xl text-sspsBlue font-semibold">Přihlášení</h1>
<p class="my-8 font-light text-sspsGray text-center">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br /> Fusce suscipit libero eget elit.

10
frontend/src/routes/register/+page.svelte
View file

@ -1,9 +1,9 @@
<script lang="ts">
import { goto } from '$app/navigation';
import lev from '$lib/assets/logo/lev.png';
import Email from '$lib/components/icons/Email.svelte';
import Home from '$lib/components/icons/Home.svelte';
import SchoolBadge from '$lib/components/icons/SchoolBadge.svelte';
import Telephone from '$lib/components/icons/Telephone.svelte';
import SplitLayout from '$lib/components/layout/SplitLayout.svelte';
import IdField from '$lib/components/textfield/IdField.svelte';
@ -16,7 +16,7 @@
let applicationValue = '';
const pageCount = 3;
let pageIndex = 2;
let pageIndex = 0;
let pagesFilled = 0;
const formInitialValues = {
@ -94,10 +94,8 @@
<SplitLayout>
<div class="form">
<div
class="w-24 h-24 md:w-auto md:h-auto py-3 px-6 md:py-4 md:px-8 rounded-[999px] shadow-2xl flex items-center justify-center"
>
<img class="object-cover" src={lev} alt="" />
<div class="w-24 h-24 md:w-auto md:h-auto">
<SchoolBadge />
</div>
{#if pageIndex === 0}
<form on:submit={handleSubmit}>