coracle/flotilla
1
3
Fork 9
Code Issues 33 Pull Requests 1 Actions Packages Projects 5 Releases Wiki Activity

fix: restore consistent input field sizing and alignment in FieldInline

Browse Source
This commit is contained in:
deveshanim3
2026-04-18 20:15:01 +05:30
parent 53954aae89
commit e37da856e2
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/components/FieldInline.svelte
+2 -2
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}