diff --git a/src/routes/[recipeLang=recipeLang]/add/+page.svelte b/src/routes/[recipeLang=recipeLang]/add/+page.svelte index 78df807..a45ae86 100644 --- a/src/routes/[recipeLang=recipeLang]/add/+page.svelte +++ b/src/routes/[recipeLang=recipeLang]/add/+page.svelte @@ -64,6 +64,7 @@ let short_name = $state(""); let isBaseRecipe = $state(false); + let defaultForm = $state(null); let ingredients = $state([]); let instructions = $state([]); @@ -101,6 +102,7 @@ preamble, addendum, isBaseRecipe, + defaultForm, }); // Show translation workflow before submission @@ -263,6 +265,29 @@ button.action_button { background-color: var(--nord6-dark); } } +.form-size-section { + max-width: 600px; + margin: 1rem auto; + text-align: center; +} +.form-size-controls { + display: flex; + gap: 1.5rem; + justify-content: center; + margin-bottom: 0.5rem; +} +.form-size-inputs { + display: flex; + gap: 1rem; + justify-content: center; + align-items: center; + flex-wrap: wrap; +} +.form-size-inputs input[type="number"] { + width: 4em; + display: inline; + margin: 0 0.3em; +} .error-message { background: var(--nord11); color: var(--nord6); @@ -336,6 +361,7 @@ button.action_button { +
+ +
+

Backform (Standard):

+
+ + + + +
+ {#if defaultForm?.shape === 'round'} +
+ +
+ {:else if defaultForm?.shape === 'rectangular'} +
+ + +
+ {:else if defaultForm?.shape === 'gugelhupf'} +
+ + +
+ {/if} +
+

Eine etwas längere Beschreibung: