From a46a176d592a46c27395d1528b4907dcafcd98dc Mon Sep 17 00:00:00 2001
From: Christoph Urlacher <christoph.urlacher@protonmail.com>
Date: Fri, 26 Dec 2025 17:05:34 +0100
Subject: [PATCH] Lib: Allow card component to have left aligned header image

---
 src/lib/components/cards/Card.svelte | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/cards/Card.svelte b/src/lib/components/cards/Card.svelte
index 300a82a..7c4d2fb 100644
--- a/src/lib/components/cards/Card.svelte
+++ b/src/lib/components/cards/Card.svelte
@@ -21,6 +21,9 @@
     /** Hide the header image element. It can be shown by removing the "hidden" property using JS and the imgid. */
     imghidden?: boolean;
 
+    /** If the header image is positioned at the left of the card */
+    imgleft?: boolean;
+
     /** The width class for the card, defaults to [w-auto] */
     width?: string;
 
@@ -35,6 +38,7 @@
     imgheight = undefined,
     imgid = undefined,
     imghidden = false,
+    imgleft = false,
     width = "w-auto",
     imgonclick = undefined,
     ...restProps
@@ -45,7 +49,7 @@
   }
 </script>
 
-<div class="card {width} overflow-hidden bg-white shadow">
+<div class="card {width} overflow-hidden bg-white shadow {imgleft ? 'flex' : ''}">
   <!-- Allow empty strings for images that only appear after user action -->
   {#if imgsrc !== undefined}
     <LazyImage