feat(planner): J4 swap flow — action sheet + easiest-first suggestions #45

Merged
marcel merged 11 commits from feat/issue-29-swap-flow into master 2026-04-09 11:19:06 +02:00
Showing only changes of commit 30722d9bcc - Show all commits

View File

@@ -48,6 +48,15 @@
);
</script>
{#snippet recipeInfo()}
<h3 class="font-[var(--font-display)] text-[20px] font-[300] leading-tight text-[var(--color-text)]">
{slot.recipe?.name ?? ''}
</h3>
{#if metadata}
<p class="mt-1 font-[var(--font-sans)] text-[13px] text-[var(--color-text-muted)]">{metadata}</p>
{/if}
{/snippet}
{#if actionSheetMode}
<button
type="button"
@@ -57,12 +66,7 @@
onclick={onactionsheet}
class="w-full text-left rounded-[var(--radius-lg)] border-2 p-4 transition-colors {borderClass}"
>
<h3 class="font-[var(--font-display)] text-[20px] font-[300] leading-tight text-[var(--color-text)]">
{slot.recipe!.name}
</h3>
{#if metadata}
<p class="mt-1 font-[var(--font-sans)] text-[13px] text-[var(--color-text-muted)]">{metadata}</p>
{/if}
{@render recipeInfo()}
</button>
{:else}
<div
@@ -72,12 +76,7 @@
class="rounded-[var(--radius-lg)] border-2 p-4 transition-colors {borderClass}"
>
{#if slot.recipe}
<h3 class="font-[var(--font-display)] text-[20px] font-[300] leading-tight text-[var(--color-text)]">
{slot.recipe.name}
</h3>
{#if metadata}
<p class="mt-1 font-[var(--font-sans)] text-[13px] text-[var(--color-text-muted)]">{metadata}</p>
{/if}
{@render recipeInfo()}
{#if !readonly}
<div class="mt-3 flex gap-2">