Fix Recipes links & update Recipe component image src

simeydotme · Oct 21, 2023 · 133f652 · 133f652
1 parent c7d9182
commit 133f652
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/Reusable/Recipe.astro b/src/components/Reusable/Recipe.astro
@@ -13,7 +13,7 @@ const { name, link, image } = Astro.props
 <li class="recipe">
   <a href={link}>
     {image &&
-      <img src=`/public/recipes/${image}` alt={name} />
+      <img src=`/svelte-range-slider-pips/recipes/${image}.png` alt={name} />
     }
     <h3>{name}</h3>
   </a>

diff --git a/src/content/docs/en/recipes.mdx b/src/content/docs/en/recipes.mdx
@@ -14,9 +14,9 @@ demos with the code and css needed to make it work.
 
 
 <RecipeList>
-  <Recipe name="Color Picker UI" link="./recipes/color-picker" image="color-ui.png" />
-  <Recipe name="Daisy UI" link="./recipes/daisy-ui" image="daisy-ui.png" />
-  <Recipe name="Price Range" link="./recipes/price-range" image="price-gradient.png" />
+  <Recipe name="Color Picker UI" link="recipes/color-picker" image="color-ui" />
+  <Recipe name="Daisy UI" link="recipes/daisy-ui" image="daisy-ui" />
+  <Recipe name="Price Range" link="recipes/price-range" image="price-gradient" />
 </RecipeList>
 
 #### More to come...