alex/voyage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add images to cards

Browse Source
This commit is contained in:
Sean Morley
2024-06-07 21:37:38 +00:00
parent 25337776a1
commit 2ace704066
1 changed files with 9 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/lib/components/AdventureCard.svelte
View File

@@ -40,6 +40,15 @@
<div <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" 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"> <div class="card-body">
<h2 class="card-title overflow-ellipsis">{adventure.name}</h2> <h2 class="card-title overflow-ellipsis">{adventure.name}</h2>
{#if adventure.location && adventure.location !== ""} {#if adventure.location && adventure.location !== ""}