B4L/buildfor_life_repair
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Align checklist input fields to the right side

Browse Source 
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Alexander Grabowski
2026-04-07 11:06:47 +07:00
parent 722349738a
commit adcc8df7cd
1 changed files with 11 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/routes/(app)/devices/[id]/+page.svelte
+11 -9
View File
@@ -425,16 +425,18 @@
</svg>
{/if}
</span>
<form method="POST" action="?/saveChecklistValue" use:enhance class="flex items-center gap-2">
<form method="POST" action="?/saveChecklistValue" use:enhance class="flex flex-1 items-center gap-2">
<input type="hidden" name="itemId" value={item.id} />
<span class="w-28 flex-shrink-0 truncate text-sm text-gray-700 dark:text-gray-300" title={item.text}>{item.text}</span>
<input type="text" name="value" value={item.value ?? ''}
placeholder="—"
class="w-24 rounded border border-gray-200 px-2 py-0.5 text-sm text-right font-mono focus:border-blue-500 focus:ring-1 focus:ring-blue-500 focus:outline-none dark:border-gray-600 dark:bg-gray-700 dark:text-white" />
{#if item.unit}
<span class="w-10 flex-shrink-0 text-xs text-gray-400 dark:text-gray-500">{item.unit}</span>
{/if}
<button type="submit" class="rounded px-1.5 py-0.5 text-xs text-blue-600 hover:bg-blue-50 dark:text-blue-400 dark:hover:bg-blue-900/20">Save</button>
<span class="truncate text-sm text-gray-700 dark:text-gray-300" title={item.text}>{item.text}</span>
<div class="ml-auto flex items-center gap-2">
<input type="text" name="value" value={item.value ?? ''}
placeholder="—"
class="w-24 rounded border border-gray-200 px-2 py-0.5 text-sm text-right font-mono focus:border-blue-500 focus:ring-1 focus:ring-blue-500 focus:outline-none dark:border-gray-600 dark:bg-gray-700 dark:text-white" />
{#if item.unit}
<span class="w-10 flex-shrink-0 text-xs text-gray-400 dark:text-gray-500">{item.unit}</span>
{/if}
<button type="submit" class="rounded px-1.5 py-0.5 text-xs text-blue-600 hover:bg-blue-50 dark:text-blue-400 dark:hover:bg-blue-900/20">Save</button>
</div>
</form>
{:else}
<!-- Checkbox -->