feat: add image resizing

2023-07-26 15:48:03 +02:00
parent 3cc5a94a18
commit 764b434e0a
6 changed files with 206 additions and 62 deletions
--- a/routes/recipes/[name].tsx
+++ b/routes/recipes/[name].tsx
@ -16,10 +16,10 @@ export default function Greet(props: PageProps<Recipe>) {
  return (
    <MainLayout>
      <RecipeHero recipe={props.data} />
-      <div class="px-12 text-white mt-10">
-        <h3 class="text-3xl">Ingredients</h3>
+      <div class="px-8 text-white mt-10">
+        <h3 class="text-3xl my-5">Ingredients</h3>
        <IngredientsList ingredients={props.data.ingredients} />
-        <h3 class="text-3xl">Preperation</h3>
+        <h3 class="text-3xl my-5">Preparation</h3>
      </div>
    </MainLayout>
  );