christoph/svelte-formula11
1
Fork 0
Code Issues 21 Actions Packages Projects 1 Activity

Lib: Refactor Input component borders

Browse Source
This commit is contained in:
Christoph Urlacher
2025-03-15 00:28:06 +01:00
parent 3eab329b42
commit 0642a6c0e2
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/lib/components/form/Input.svelte
View File

@ -14,6 +14,7 @@
/** The type of the input element, e.g. "text". */ /** The type of the input element, e.g. "text". */
type?: string; type?: string;
/** An optional element at the end of the input group */
tail?: Snippet; tail?: Snippet;
} }
@ -29,12 +30,12 @@
<div class="input-group input-group-divider grid-cols-[auto_1fr_auto]"> <div class="input-group input-group-divider grid-cols-[auto_1fr_auto]">
<div <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};" style="width: {labelwidth};"
> >
{@render children()} {@render children()}
</div> </div>
<input bind:value class="!outline-none" {type} {...restProps} /> <input bind:value class="{tail ? '!border-r' : ''} !border-l" {type} {...restProps} />
{#if tail} {#if tail}
{@render tail()} {@render tail()}
{/if} {/if}