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 b9c665860f - Show all commits

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

@ -27,9 +27,9 @@ 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="Recipe Name" name="name"
rows="1" rows="1"
placeholder="Recipe Name" placeholder="Name"
class="text-[28pt] font-bold h-12 p-1 leading-none mt-2 bg-white/20 rounded-lg" class="text-[28pt] font-bold h-12 p-1 leading-none mt-2 bg-white/20 rounded-lg"
style="resize: none;" style="resize: none;"
/> />
@ -40,18 +40,18 @@ 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-auto text-left bg-[#2a2b2c] rounded-lg w-full`}> <table class={`table-fixed text-left bg-[#2a2b2c] rounded-lg w-full`}>
<thead> <thead>
<tr> <tr>
<th class="px-4 py-2">Qty</th> <th class="px-4 py-2 w-25">Quantity</th>
<th class="px-4 py-2">Unit</th> <th class="px-4 py-2 w-20">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 class="w-full h-10 bg-white/20 rounded-lg px-2 py-2" type="text" placeholder="Amount"> <input class="w-full h-10 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 class="w-full h-10 bg-white/20 rounded-lg px-2 py-2" type="text" placeholder="Unit">