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

[PIE-30] Complete fields in /recipe/new #14

Merged
breadone merged 3 commits from PIE-30 into main 2025-08-18 17:48:15 +12:00
Conversation 0 Commits 3 Files Changed 1 +37 -2
1 changed files with 37 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -28,17 +28,52 @@ async function submitRecipe() {
[&::-webkit-file-upload-button]:hidden"
>
</div>
<!-- Details -->
<textarea
id="rec-name"
rows="1"
placeholder="Name"
class="text-[28pt] font-bold p-1 leading-none mt-2 bg-white/10 rounded-lg resize-none overflow-hidden"
oninput="this.style.height = ''; this.style.height = this.scrollHeight + 'px'"
/>
<textarea
id="rec-desc"
rows="3"
placeholder="Description"
class="text-sm italic leading-none mt-2 bg-white/10 rounded-lg resize-none overflow-hidden p-2"
oninput="this.style.height = ''; this.style.height = this.scrollHeight + 'px'"
/>
<!-- if it works :3 -->
<!-- Details -->
<!-- <InfoView re={re} /> -->
<!-- Smaller details -->
<div class="flex mt-2 h-9 space-x-2">
<input
id="rec-servings"
type="number"
class="bg-white/10 px-2 rounded-lg w-24 overflow-hidden"
placeholder="Servings"
/>
<input
id="rec-worktime"
type="text"
class="bg-white/10 px-2 rounded-lg w-24 overflow-hidden"
placeholder="Work Time"
/>
<input
id="rec-waititme"
type="text"
class="bg-white/10 px-2 rounded-lg w-24 overflow-hidden"
placeholder="Wait Time"
/>
<input
id="rec-rating"
type="number"
class="bg-white/10 px-2 rounded-lg w-23 overflow-hidden"
placeholder="Rating"
/>
</div>
<div class="flex flex-row align-middle items-center">
<p class="mt-4 text-[22pt] font-bold 'mt-4'">Ingredients</p>