Alexander/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix nested links not working on recipe cards

Browse Source
This commit is contained in:
Alexander Bocken
2025-10-02 14:30:31 +02:00
parent d5ed0fce58
commit c2d65dd9de
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/lib/components/Card.svelte
View File

@@ -32,6 +32,8 @@ const img_name=recipe.short_name + ".webp?v=" + recipe.dateModified
<style> <style>
.card_anchor{ .card_anchor{
border-radius: 20px; border-radius: 20px;
cursor: pointer;
display: inline-block;
} }
.card{ .card{
--card-width: 300px; --card-width: 300px;
@@ -224,7 +226,7 @@ const img_name=recipe.short_name + ".webp?v=" + recipe.dateModified
} }
</style> </style>
<a class=card_anchor href="/rezepte/{recipe.short_name}" class:search_me={search} data-tags=[{recipe.tags}] > <div class=card_anchor class:search_me={search} data-tags=[{recipe.tags}] on:click={() => window.location.href = `/rezepte/${recipe.short_name}`}>
<div class="card" class:margin_right={do_margin_right}> <div class="card" class:margin_right={do_margin_right}>
<div class=div_div_image > <div class=div_div_image >
<div class=div_image style="background-image:url(https://bocken.org/static/rezepte/placeholder/{img_name})"> <div class=div_image style="background-image:url(https://bocken.org/static/rezepte/placeholder/{img_name})">
@@ -253,4 +255,4 @@ const img_name=recipe.short_name + ".webp?v=" + recipe.dateModified
</div> </div>
</div> </div>
</div> </div>
</a> </div>