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

small design changes on /recipe/new

Browse Source
This commit is contained in:
June 2025-08-19 18:49:04 +12:00
parent b1d95ea785
commit 12a02ef1f8
Signed by: breadone
GPG Key ID: FDC19FE143200483
1 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -14,6 +14,17 @@ async function submitRecipe() {
<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 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">
<input
id="photo"
@ -61,7 +72,7 @@ async function submitRecipe() {
placeholder="Work Time"
/>
<input
id="rec-waititme"
id="rec-waittime"
type="text"
class="bg-white/10 px-2 rounded-lg w-24 overflow-hidden"
placeholder="Wait Time"
@ -76,7 +87,7 @@ async function submitRecipe() {
<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>
</div>
<table class={`table-fixed text-left bg-[#2a2b2c] rounded-lg w-full`}>
@ -104,7 +115,7 @@ async function submitRecipe() {
</table>
</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> -->
<!-- Steps -->