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

[PIE-29] New recipe form submission #15

Merged
breadone merged 10 commits from PIE-29 into main 2025-08-22 16:43:41 +12:00
Conversation 0 Commits 10 Files Changed 7 +14 -3
1 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 12a02ef1f8 - Show all commits

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

@ -14,6 +14,17 @@ async function submitRecipe() {
<SiteLayout> <SiteLayout>
<div class="flex flex-col md:flex-row mx-auto justify-center w-full lg:max-w-3/4 xl:max-w-2/3 2xl:max-w-1/2"> <div class="flex flex-col md:flex-row mx-auto justify-center w-full lg:max-w-3/4 xl:max-w-2/3 2xl:max-w-1/2">
<div class="flex md:flex-1/3 flex-col mt-2 md:mt-4 sticky"> <div class="flex md:flex-1/3 flex-col mt-2 md:mt-4 sticky">
<div class="flex mb-2 items-center">
<p class="text-[28pt] mr-auto">New Recipe</p>
<button
id="btn-save"
class="px-1 w-15 h-9 bg-green-500 rounded-lg"
>
Save
</button>
</div>
<div class="relative"> <div class="relative">
<input <input
id="photo" id="photo"
@ -61,7 +72,7 @@ async function submitRecipe() {
placeholder="Work Time" placeholder="Work Time"
/> />
<input <input
id="rec-waititme" id="rec-waittime"
type="text" type="text"
class="bg-white/10 px-2 rounded-lg w-24 overflow-hidden" class="bg-white/10 px-2 rounded-lg w-24 overflow-hidden"
placeholder="Wait Time" placeholder="Wait Time"
@ -76,7 +87,7 @@ async function submitRecipe() {
<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">Ingredients</p>
<button disabled class="disabled:text-white/20 transition-colors ml-auto mt-5 text-white bg-white/10 rounded-lg px-3 py-1 " id="add-ingredient-btn" >Add</button> <button disabled class="disabled:text-white/20 transition-colors ml-auto mt-5 text-white bg-white/10 rounded-lg px-3 py-1 " id="add-ingredient-btn" >Add</button>
</div> </div>
<table class={`table-fixed text-left bg-[#2a2b2c] rounded-lg w-full`}> <table class={`table-fixed text-left bg-[#2a2b2c] rounded-lg w-full`}>
@ -104,7 +115,7 @@ async function submitRecipe() {
</table> </table>
</div> </div>
<div class="flex mt-4 md:flex-2/3 w-full flex-col md:ml-3"> <div class="flex mt-4 md:mt-20 md:flex-2/3 w-full flex-col md:ml-3">
<!-- <p class="hidden md:block text-[28pt] font-bold pl-5">Helloi</p> --> <!-- <p class="hidden md:block text-[28pt] font-bold pl-5">Helloi</p> -->
<!-- Steps --> <!-- Steps -->