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

Add small details fields

Browse Source
This commit is contained in:
June 2025-08-17 20:21:56 +12:00
parent 691409318d
commit 58b25c581f
Signed by: breadone
GPG Key ID: FDC19FE143200483
1 changed files with 28 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -28,6 +28,8 @@ async function submitRecipe() {
[&::-webkit-file-upload-button]:hidden" [&::-webkit-file-upload-button]:hidden"
> >
</div> </div>
<!-- Details -->
<textarea <textarea
id="rec-name" id="rec-name"
rows="1" rows="1"
@ -37,15 +39,37 @@ async function submitRecipe() {
/> />
<textarea <textarea
id="rec-desc" id="rec-desc"
rows="4" rows="3"
placeholder="Description" placeholder="Description"
class="text-sm italic p-1 leading-none mt-2 bg-white/10 rounded-lg resize-none overflow-hidden" 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'" oninput="this.style.height = ''; this.style.height = this.scrollHeight + 'px'"
/> />
<!-- if it works :3 --> <!-- if it works :3 -->
<!-- Details --> <!-- Smaller details -->
<!-- <InfoView re={re} /> --> <div class="flex mt-2 h-9 space-x-2">
<input
type="number"
class="bg-white/10 px-2 rounded-lg w-24 overflow-hidden"
placeholder="Servings"
/>
<input
type="text"
class="bg-white/10 px-2 rounded-lg w-24 overflow-hidden"
placeholder="Work Time"
/>
<input
type="text"
class="bg-white/10 px-2 rounded-lg w-24 overflow-hidden"
placeholder="Wait Time"
/>
<input
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"> <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>