breadone/Recipie
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[PIE-13] New recipe page #11

Merged
breadone merged 26 commits from PIE-13 into main 2025-08-15 16:12:03 +12:00
Conversation 1 Commits 26 Files Changed 7 +6 -6
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 97cc5da5b8 - Show all commits

12
src/pages/recipe/new.astro
View File

@ -11,10 +11,10 @@ const { recipeid } = Astro.params;
--- ---
<script> <script>
let ingredients: {qty: string, unit: string, ing: string}[] = [] let ingredients: {qty: string, unit: string, name: string}[] = []
function addIngredient(q: string, u: string, i: string) { function addIngredient(q: string, u: string, n: string) {
ingredients.push({qty: q, unit: u, ing: i}) ingredients.push({qty: q, unit: u, name: n})
} }
</script> </script>
@ -51,13 +51,13 @@ const { recipeid } = Astro.params;
<tbody id="ingredient-table" class="w-full border-t px-4 py-2 border-gray-600"> <tbody id="ingredient-table" class="w-full border-t px-4 py-2 border-gray-600">
<tr id="ingredient-input" class=""> <tr id="ingredient-input" class="">
<td class="px-2 py-1"> <td class="px-2 py-1">
<input class="w-full h-10 bg-white/20 rounded-lg px-2 py-2" type="text" placeholder="Qty"> <input id="ing-qty" class="w-full h-11 bg-white/20 rounded-lg px-2 py-2" type="text" placeholder="Qty">
</td> </td>
<td class="px-2 py-1"> <td class="px-2 py-1">
<input class="w-full h-10 bg-white/20 rounded-lg px-2 py-2" type="text" placeholder="Unit"> <input id="ing-unit" class="w-full h-11 bg-white/20 rounded-lg px-2 py-2" type="text" placeholder="Unit">
</td> </td>
<td class="px-2 py-1"> <td class="px-2 py-1">
<textarea class="w-full h-10 bg-white/20 rounded-lg px-2 py-2 mt-1 resize-none leading-tight" placeholder="Ingredient" rows="1"/> <textarea id="ing-name" class="w-full h-11 bg-white/20 rounded-lg px-2 py-3 mt-1 resize-none leading-tight" placeholder="Ingredient" rows="1"/>
</td> </td>
</tr> </tr>
</tbody> </tbody>