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

fix: select styles, reorganize

Browse source
This commit is contained in:
EETagent 2022-12-19 21:09:24 +01:00
parent 91d567ba5a
commit f1c3d94d82
2 changed files with 16 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
frontend/src/lib/components/SelectField.svelte → frontend/src/lib/components/select/SelectField.svelte
View file

@ -8,7 +8,16 @@
</script>
<div>
<select class:error bind:value on:click on:keydown on:keyup on:change {placeholder} class:placeholder={!value}>
<select
class:error
bind:value
on:click
on:keydown
on:keyup
on:change
{placeholder}
class:placeholder={!value}
>
{#if placeholder}
<option value="" disabled selected>{placeholder}</option>
{/if}
@ -42,4 +51,9 @@
.error {
@apply border-red-700;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
</style>

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

@ -6,7 +6,7 @@
import Home from '$lib/components/icons/Home.svelte';
import SchoolBadge from '$lib/components/icons/SchoolBadge.svelte';
import SplitLayout from '$lib/components/layout/SplitLayout.svelte';
import SelectField from '$lib/components/SelectField.svelte';
import SelectField from '$lib/components/select/SelectField.svelte';
import EmailField from '$lib/components/textfield/EmailField.svelte';
import IdField from '$lib/components/textfield/IdField.svelte';
import NameField from '$lib/components/textfield/NameField.svelte';