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

Compare commits

base: breadone:a9e4d5fb50681eea6728e3e808097587e56e62b3
Branches Tags
breadone:main breadone:PIE-13 breadone:PIE-9
...
compare: breadone:PIE-13
Branches Tags
breadone:main breadone:PIE-13 breadone:PIE-9

3 Commits
a9e4d5fb50 ... PIE-13

Author SHA1 Message Date
june
1bcc10575a padding change 2025-08-15 16:01:45 +12:00
june
1841aa9cba Colour transition for button disabling 2025-08-15 15:55:29 +12:00
june
fbef074912 Keep focus on new step field when pressing add 2025-08-15 15:37:20 +12:00
2 changed files with 5 additions and 4 deletions
Expand all files Collapse all files

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

@@ -42,7 +42,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 'mt-4'">Ingredients</p>
<button disabled class="disabled:text-white/20 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`}>
<thead> <thead>
@@ -55,7 +55,7 @@ async function submitRecipe() {
<tbody id="ingredient-table" class="w-full border-t px-4 py-2 border-white/10"> <tbody id="ingredient-table" class="w-full border-t px-4 py-2 border-white/10">
<tr id="ingredient-input" class=""> <tr id="ingredient-input" class="">
<td class="px-2 py-1"> <td class="px-2 py-1">
<input id="ing-qty" class="w-full h-9 bg-white/10 rounded-lg px-2 py-2" type="text" placeholder="Qty"> <input id="ing-qty" class="w-full h-9 my-1 bg-white/10 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 id="ing-unit" class="w-full h-9 bg-white/10 rounded-lg px-2 py-2" type="text" placeholder="Unit"> <input id="ing-unit" class="w-full h-9 bg-white/10 rounded-lg px-2 py-2" type="text" placeholder="Unit">
@@ -85,7 +85,7 @@ async function submitRecipe() {
/> />
</div> </div>
<button disabled class="disabled:text-white/20 ml-auto mb-2 text-white bg-white/10 rounded-lg px-3 py-1 " id="add-step-btn" >Add</button> <button disabled class="disabled:text-white/20 ml-auto mb-2 transition-colors text-white bg-white/10 rounded-lg px-3 py-1 " id="add-step-btn" >Add</button>
<ul id="step-list"></ul> <ul id="step-list"></ul>
</div> </div>

1
src/script/newRecipe.ts
View File

@@ -95,6 +95,7 @@ function addStep() {
renderSteps() renderSteps()
stepInput.value = '' stepInput.value = ''
stepAddButton.disabled = true stepAddButton.disabled = true
stepInput.focus()
} }
function renderSteps() { function renderSteps() {