From b1d95ea785af9fa08f5410633166f2228f1559d6 Mon Sep 17 00:00:00 2001
From: june <self@breadone.net>
Date: Mon, 18 Aug 2025 17:48:14 +1200
Subject: [PATCH] [PIE-30] Complete fields in /recipe/new
 (https://git.breadone.xyz/breadone/Recipie/pulls/14) Co-authored-by: june
 <self@breadone.net> Co-committed-by: june <self@breadone.net>

---
 src/pages/recipe/new.astro | 39 ++++++++++++++++++++++++++++++++++++--
 1 file changed, 37 insertions(+), 2 deletions(-)

diff --git a/src/pages/recipe/new.astro b/src/pages/recipe/new.astro
index 605314b..cf61601 100644
--- a/src/pages/recipe/new.astro
+++ b/src/pages/recipe/new.astro
@@ -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>