From 36792776eb0e07322c6d7286f9c3c67b5c9baac4 Mon Sep 17 00:00:00 2001
From: Made Baruna <made.setia@gmail.com>
Date: Sat, 24 Apr 2021 09:06:44 +0800
Subject: [PATCH] Fix small height input

---
 src/components/Input.svelte | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/Input.svelte b/src/components/Input.svelte
index 32fb5912..43e23fdf 100644
--- a/src/components/Input.svelte
+++ b/src/components/Input.svelte
@@ -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>