From 0642a6c0e2bf2081d62c55161b52a05ffb1cde7f Mon Sep 17 00:00:00 2001
From: Christoph Urlacher <christoph.urlacher@protonmail.com>
Date: Sat, 15 Mar 2025 00:28:06 +0100
Subject: [PATCH] Lib: Refactor Input component borders

---
 src/lib/components/form/Input.svelte | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/form/Input.svelte b/src/lib/components/form/Input.svelte
index 9c0fbba..2932e80 100644
--- a/src/lib/components/form/Input.svelte
+++ b/src/lib/components/form/Input.svelte
@@ -14,6 +14,7 @@
     /** The type of the input element, e.g. "text". */
     type?: string;
 
+    /** An optional element at the end of the input group */
     tail?: Snippet;
   }
 
@@ -29,12 +30,12 @@
 
 <div class="input-group input-group-divider grid-cols-[auto_1fr_auto]">
   <div
-    class="input-group-shim select-none text-nowrap border-r text-neutral-900"
+    class="input-group-shim select-none text-nowrap text-neutral-900"
     style="width: {labelwidth};"
   >
     {@render children()}
   </div>
-  <input bind:value class="!outline-none" {type} {...restProps} />
+  <input bind:value class="{tail ? '!border-r' : ''} !border-l" {type} {...restProps} />
   {#if tail}
     {@render tail()}
   {/if}