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

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 { goto } from '$app/navigation';
import lev from '$lib/assets/logo/lev.png'; 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 SplitLayout from '$lib/components/layout/SplitLayout.svelte';
import TextField from '$lib/components/textfield/TextField.svelte'; import TextField from '$lib/components/textfield/TextField.svelte';
@ -17,11 +18,7 @@
<SplitLayout> <SplitLayout>
<div class="form"> <div class="form">
<div <SchoolBadge />
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>
<h1 class="mt-8 text-4xl text-sspsBlue font-semibold">Přihlášení</h1> <h1 class="mt-8 text-4xl text-sspsBlue font-semibold">Přihlášení</h1>
<p class="my-8 font-light text-sspsGray text-center"> <p class="my-8 font-light text-sspsGray text-center">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br /> Fusce suscipit libero eget elit. 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"> <script lang="ts">
import { goto } from '$app/navigation'; import { goto } from '$app/navigation';
import lev from '$lib/assets/logo/lev.png';
import Email from '$lib/components/icons/Email.svelte'; import Email from '$lib/components/icons/Email.svelte';
import Home from '$lib/components/icons/Home.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 Telephone from '$lib/components/icons/Telephone.svelte';
import SplitLayout from '$lib/components/layout/SplitLayout.svelte'; import SplitLayout from '$lib/components/layout/SplitLayout.svelte';
import IdField from '$lib/components/textfield/IdField.svelte'; import IdField from '$lib/components/textfield/IdField.svelte';
@ -16,7 +16,7 @@
let applicationValue = ''; let applicationValue = '';
const pageCount = 3; const pageCount = 3;
let pageIndex = 2; let pageIndex = 0;
let pagesFilled = 0; let pagesFilled = 0;
const formInitialValues = { const formInitialValues = {
@ -94,10 +94,8 @@
<SplitLayout> <SplitLayout>
<div class="form"> <div class="form">
<div <div class="w-24 h-24 md:w-auto md:h-auto">
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" <SchoolBadge />
>
<img class="object-cover" src={lev} alt="" />
</div> </div>
{#if pageIndex === 0} {#if pageIndex === 0}
<form on:submit={handleSubmit}> <form on:submit={handleSubmit}>