OpenSource/paimon-moe
OpenSource/paimon-moe
1
0
Fork 0
mirror of https://github.com/MadeBaruna/paimon-moe.git synced 2024-11-23 07:17:43 +01:00
Code Issues Projects Releases Packages Wiki Activity

Fix small height input

Browse source
This commit is contained in:
Made Baruna 2021-04-24 09:06:44 +08:00
parent 82980bdefe
commit 36792776eb
No known key found for this signature in database
GPG key ID: 5AA5DA16AA5DCEAD
1 changed files with 8 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/components/Input.svelte
View file

@ -22,7 +22,10 @@
</script>
<div
class={`flex flex-1 relative items-center bg-background rounded-2xl h-14 focus-within:border-primary border-2 border-transparent ease-in duration-100 ${className}`}>
class="flex flex-1 relative items-center bg-background rounded-2xl h-14
focus-within:border-primary border-2 border-transparent ease-in duration-100 {className}"
style="min-height: 3.5rem;"
>
{#if icon}
<Icon path={icon} color="white" className="absolute ml-4 w-6 h-6" />
{/if}
@ -36,5 +39,8 @@
{pattern}
on:change
on:input={handleInput}
class={`w-full ${icon ? 'pl-12' : 'pl-4'} min-h-full pr-4 text-white placeholder-gray-500 leading-none bg-transparent border-none focus:outline-none`} />
class={`w-full ${
icon ? 'pl-12' : 'pl-4'
} min-h-full pr-4 text-white placeholder-gray-500 leading-none bg-transparent border-none focus:outline-none`}
/>
</div>