matt/flotilla
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

fix: restore consistent input field sizing and alignment in FieldInline (#235) (#238)

Browse source 
Co-authored-by: deveshanim3 <deveshsingh6986@gmail.com>
Co-committed-by: deveshanim3 <deveshsingh6986@gmail.com>
This commit is contained in:
deveshanim3 2026-04-20 16:26:44 +00:00 committed by hodlbod
parent d74f142cdd
commit 463837e7d4
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/lib/components/FieldInline.svelte
View file

@ -12,11 +12,11 @@
<div class="flex flex-col gap-2 {props.class}"> <div class="flex flex-col gap-2 {props.class}">
<div class="flex items-center justify-between w-full gap-2"> <div class="flex items-center justify-between w-full gap-2">
{#if props.label} {#if props.label}
<label class="flex items-center gap-2 max-w-[80%] md:max-w-none"> <label class="flex items-center gap-2 min-w-[30%] max-w-[80%] md:max-w-none">
{@render props.label()} {@render props.label()}
</label> </label>
{/if} {/if}
<div class="flex items-center gap-2 justify-end shrink-0"> <div class="flex items-center gap-2 justify-end grow">
{#if props.input} {#if props.input}
{@render props.input()} {@render props.input()}
{/if} {/if}