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

Compare commits

base: breadone:7c87342dea8299a45566aa51a46c62abdd2e8f98
Branches Tags
breadone:main
breadone:PIE-13
breadone:PIE-9
..
compare: breadone:5a171f0f0f9425f4bf868acc1b37a268044049ad
Branches Tags
breadone:main
breadone:PIE-13
breadone:PIE-9

No commits in common. "7c87342dea8299a45566aa51a46c62abdd2e8f98" and "5a171f0f0f9425f4bf868acc1b37a268044049ad" have entirely different histories.
7c87342dea ... 5a171f0f0f

1 changed files with 13 additions and 14 deletions
Show Stats Expand all files Collapse all files

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

@ -11,10 +11,10 @@ const { recipeid } = Astro.params;
--- ---
<script> <script>
let ingredients: {qty: string, unit: string, name: string}[] = [] let ingredients: {qty: string, unit: string, ing: string}[] = []
function addIngredient(q: string, u: string, n: string) { function addIngredient(q: string, u: string, i: string) {
ingredients.push({qty: q, unit: u, name: n}) ingredients.push({qty: q, unit: u, ing: i})
} }
</script> </script>
@ -27,13 +27,12 @@ const { recipeid } = Astro.params;
<!-- <ImageCarousel class="w-full" recipe={re} /> --> <!-- <ImageCarousel class="w-full" recipe={re} /> -->
<textarea <textarea
id="rec-name" id="rec-name"
name="name" name="Recipe Name"
rows="1" rows="1"
placeholder="Name" placeholder="Recipe Name"
class="text-[28pt] font-bold p-1 leading-none mt-2 bg-white/20 rounded-lg resize-none overflow-hidden" class="text-[28pt] font-bold h-12 p-1 leading-none mt-2 bg-white/20 rounded-lg"
oninput="this.style.height = ''; this.style.height = this.scrollHeight + 'px'" style="resize: none;"
/> />
<!-- if it works :3 -->
<!-- Details --> <!-- Details -->
<!-- <InfoView re={re} /> --> <!-- <InfoView re={re} /> -->
@ -41,24 +40,24 @@ const { recipeid } = Astro.params;
<div class="flex flex-row align-middle items-center"> <div class="flex flex-row align-middle items-center">
<p class="mt-4 text-[22pt] font-bold 'mt-4'">Ingredients</p> <p class="mt-4 text-[22pt] font-bold 'mt-4'">Ingredients</p>
</div> </div>
<table class={`table-fixed text-left bg-[#2a2b2c] rounded-lg w-full`}> <table class={`table-auto text-left bg-[#2a2b2c] rounded-lg w-full`}>
<thead> <thead>
<tr> <tr>
<th class="px-4 py-2 w-25">Quantity</th> <th class="px-4 py-2">Qty</th>
<th class="px-4 py-2 w-20">Unit</th> <th class="px-4 py-2">Unit</th>
<th class="px-4 py-2">Ingredient</th> <th class="px-4 py-2">Ingredient</th>
</tr> </tr>
</thead> </thead>
<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 id="ing-qty" class="w-full h-11 bg-white/20 rounded-lg px-2 py-2" type="text" placeholder="Qty"> <input class="w-full h-10 bg-white/20 rounded-lg px-2 py-2" type="text" placeholder="Amount">
</td> </td>
<td class="px-2 py-1"> <td class="px-2 py-1">
<input id="ing-unit" class="w-full h-11 bg-white/20 rounded-lg px-2 py-2" type="text" placeholder="Unit"> <input class="w-full h-10 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 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"/> <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"/>
</td> </td>
</tr> </tr>
</tbody> </tbody>