Docker/AdventureLog
Docker/AdventureLog
1
0
Fork 0
mirror of https://github.com/seanmorley15/AdventureLog.git synced 2025-07-28 17:29:36 +02:00
Code Issues Releases 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 !== ""}