Add images to cards
This commit is contained in:
@@ -40,6 +40,15 @@
|
||||
<div
|
||||
class="card min-w-max lg:w-96 md:w-80 sm:w-60 xs:w-40 bg-primary-content shadow-xl overflow-hidden text-base-content"
|
||||
>
|
||||
{#if adventure.imageUrl && adventure.imageUrl.length > 0}
|
||||
<figure>
|
||||
<img
|
||||
src={adventure.imageUrl}
|
||||
alt="Shoes"
|
||||
class="w-full h-48 object-cover"
|
||||
/>
|
||||
</figure>
|
||||
{/if}
|
||||
<div class="card-body">
|
||||
<h2 class="card-title overflow-ellipsis">{adventure.name}</h2>
|
||||
{#if adventure.location && adventure.location !== ""}
|
||||
|
||||
Reference in New Issue
Block a user