dan/Portfolio
1
0
Fork 0
mirror of https://github.com/danbulant/Portfolio synced 2026-07-05 11:00:56 +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} {/each}
</select> </select>
<div class="ml-2 inputWrapper"> <div class="ml-2 inputWrapper">
<TelInput bind:country bind:value bind:valid bind:parsedTelInput class="basic-tel-input {!valid ? 'invalid' : '' }" /> <TelInput bind:country bind:value bind:valid bind:parsedTelInput
<span> class="basic-tel-input {!valid ? 'invalid' : '' }"
{placeholder}
/>
<span class="tel-icon">
<Telephone /> <Telephone />
</span> </span>
</div> </div>
@ -78,7 +81,7 @@
.inputWrapper { .inputWrapper {
@apply w-full relative; @apply w-full relative;
} }
.inputWrapper span { .tel-icon {
@apply absolute right-0 top-1 bottom-0 my-auto flex bg-transparent p-3; @apply absolute right-0 top-1 bottom-0 my-auto flex bg-transparent p-3;
} }
.wrapper :global(.basic-tel-input) { .wrapper :global(.basic-tel-input) {