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

feat: tel input placeholder

Browse source
This commit is contained in:
Sebastian Pravda 2023-02-02 18:11:32 +01:00 committed by EETagent
parent bde8e8da99
commit 6911c7f6ac
1 changed files with 6 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
frontend/src/lib/components/textfield/TelephoneField.svelte
View file

@ -63,8 +63,11 @@
{/each}
</select>
<div class="ml-2 inputWrapper">
<TelInput bind:country bind:value bind:valid bind:parsedTelInput class="basic-tel-input {!valid ? 'invalid' : '' }" />
<span>
<TelInput bind:country bind:value bind:valid bind:parsedTelInput
class="basic-tel-input {!valid ? 'invalid' : '' }"
{placeholder}
/>
<span class="tel-icon">
<Telephone />
</span>
</div>
@ -78,7 +81,7 @@
.inputWrapper {
@apply w-full relative;
}
.inputWrapper span {
.tel-icon {
@apply absolute right-0 top-1 bottom-0 my-auto flex bg-transparent p-3;
}
.wrapper :global(.basic-tel-input) {