From c28756adaebe1bcd3d249fe008bad5114de0d253 Mon Sep 17 00:00:00 2001
From: Christoph Urlacher <christoph.urlacher@protonmail.com>
Date: Mon, 23 Dec 2024 01:18:43 +0100
Subject: [PATCH] Lib: Update lazycard props name to differentiate from
 non-lazy card

---
 src/lib/components/cards/LazyCard.svelte | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/lib/components/cards/LazyCard.svelte b/src/lib/components/cards/LazyCard.svelte
index 9615298..733e99e 100644
--- a/src/lib/components/cards/LazyCard.svelte
+++ b/src/lib/components/cards/LazyCard.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
   import type { Snippet } from "svelte";
-  import LazyImage from "../LazyImage.svelte";
+  import { LazyImage } from "$lib/components";
   import { lazyload } from "$lib/lazyload";
 
-  interface CardProps {
+  interface LazyCardProps {
     children: Snippet;
 
     /** The URL for a possible header image. Leave undefined for no header image. Set to empty string for an image not yet loaded. */
@@ -38,7 +38,7 @@
     cardwidth,
     cardheight,
     ...restProps
-  }: CardProps = $props();
+  }: LazyCardProps = $props();
 
   let load: boolean = $state(false);
 
@@ -50,7 +50,7 @@
 <div
   use:lazyload
   onLazyVisible={lazy_visible_handler}
-  style="width: 100%; aspect-ratio: {cardwidth} / {cardheight};"
+  style="aspect-ratio: {cardwidth} / {cardheight};"
 >
   <div class="card w-full overflow-hidden bg-white shadow">
     <!-- Allow empty strings for images that only appear after user action -->