add ingredient table view

This commit is contained in:
2025-11-17 14:55:07 +13:00
parent a6112cdc6b
commit a6e9597d6f
2 changed files with 71 additions and 1 deletions

View File

@@ -2,6 +2,8 @@
import Base from "@layout/Base";
import ImageCarousel from "@component/detail/ImageCarousel";
import InfoView from "@component/detail/InfoView";
import IngredientTableView from '@component/detail/IngredientTableView'
import { Recipe } from "@tmlmt/cooklang-parser";
import { authPB } from "@data/pb";
@@ -32,7 +34,7 @@ const images = await Promise.all(
/>
<p class="text-[22pt] font-bold 'md:mt-4'">Ingredients</p>
<!-- <IngredientTableView class:list={['md:w-80', 'px-4']} ingredients={re.expand.ingredients ?? []} /> -->
<IngredientTableView class:list={['md:w-80', 'px-4']} ingredients={recipe.ingredients ?? []} />
</div>
<div class="flex mt-4 md:flex-2/3 w-full flex-col">