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

Compare commits

base: breadone:87d917c7cf56fe6efd8272ac0a7be092a5c6f826
Branches Tags
breadone:main
breadone:PIE-13
breadone:PIE-9
..
compare: breadone:db6df2053a9275f199bcdf129b23bff365067cb4
Branches Tags
breadone:main
breadone:PIE-13
breadone:PIE-9

No commits in common. "87d917c7cf56fe6efd8272ac0a7be092a5c6f826" and "db6df2053a9275f199bcdf129b23bff365067cb4" have entirely different histories.
87d917c7cf ... db6df2053a

3 changed files with 4 additions and 67 deletions
Show Stats Expand all files Collapse all files

6
src/components/Header.astro
View File

@ -7,8 +7,8 @@
</a> </a>
<div class="ml-auto space-x-5"> <div class="ml-auto space-x-5">
<a class="hover:underline underline-offset-4 " href="/recipe/new">new</a> <a>new</a>
<a class="hover:underline underline-offset-4 " >tags</a> <a>tags</a>
<a class="hover:underline underline-offset-4 " >search</a> <a>search</a>
</div> </div>
</div> </div>

2
src/pages/recipe/[recipeid].astro
View File

@ -28,7 +28,7 @@ const ingredients = await Promise.all(
--- ---
<SiteLayout> <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 flex-col md:flex-row">
<div class="flex flex-col mt-2 md:mt-4 sticky"> <div class="flex flex-col mt-2 md:mt-4 sticky">
<ImageCarousel class="w-full" recipe={re} /> <ImageCarousel class="w-full" recipe={re} />
<p class=" md:hidden text-[28pt] font-bold leading-none mt-2">{re.name}</p> <p class=" md:hidden text-[28pt] font-bold leading-none mt-2">{re.name}</p>

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

@ -1,63 +0,0 @@
---
import client from "@/data/pocketbase";
import SiteLayout from "@/layouts/base";
import ImageCarousel from "@/components/Detail/ImageCarousel";
import IngredientTableView from "@/components/Detail/IngredientTableView";
import StepView from "@/components/Detail/StepView";
import InfoView from "@/components/Detail/InfoView";
const { recipeid } = Astro.params;
---
<script>
</script>
<SiteLayout>
<div class="flex flex-col md:flex-row">
<div class="flex flex-1/3 flex-col mt-2 md:mt-4 sticky">
<div class="w-full bg-green-600 h-50">
Image Upload
</div>
<!-- <ImageCarousel class="w-full" recipe={re} /> -->
<!-- <p class=" md:hidden text-[28pt] font-bold leading-none mt-2">{re.name}</p> -->
<!-- Details -->
<!-- <InfoView re={re} /> -->
<p class="text-[22pt] font-bold 'md:mt-4'">Ingredients</p>
<table class={`table-auto text-left bg-[#2a2b2c] md:w-80 px-4 rounded-lg w-full`}>
<thead>
<tr>
<th class="px-4 py-2">Quantity</th>
<th class="px-4 py-2">Unit</th>
<th class="px-4 py-2">Ingredient</th>
</tr>
</thead>
<tbody id="ingredient-table" class="border-t px-4 py-2 border-gray-600">
<tr id="ingredient-input" class="">
<td class="px-4 py-1">˚
<input class="w-3/4 bg-white/20 rounded-lg px-2" type="text">
</td>
<td class="px-4 py-1">
<input class="w-3/4 bg-white/20 rounded-lg px-2" type="text">
</td>
<td class="px-4 py-1">
<!-- <input class="w-3/4 text-wrap bg-white/20 rounded-lg px-2" type="text"> -->
<textarea class="block bg-white/20 rounded-lg px-2"></textarea>
</td>
</tr>
</tbody>
</table>
</div>
<div class="flex w-full flex-col">
<!-- <p class="hidden md:block text-[28pt] font-bold pl-5">{re.name}</p> -->
<!-- Steps -->
<!-- <StepView steps={steps} /> -->
</div>
</div>
</SiteLayout>