From f910b44129721925965f29f193a77e76d555a8ba Mon Sep 17 00:00:00 2001
From: denizk0461 <denizk0461@mailbox.org>
Date: Wed, 15 Apr 2026 16:42:04 +0200
Subject: [PATCH] SubtitledImage now using rounded corners

---
 src/lib/components/subtitled-image.svelte | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/subtitled-image.svelte b/src/lib/components/subtitled-image.svelte
index a41b2a8..a98cfc2 100644
--- a/src/lib/components/subtitled-image.svelte
+++ b/src/lib/components/subtitled-image.svelte
@@ -30,7 +30,8 @@
         : alignment == "right"
             ? "subtitled-img-container-right"
             : "subtitled-img-container-centred"
-    }"
+    }
+    "
     href="{image}"
     >
 
@@ -40,6 +41,7 @@
         <img class="
             subtitled-img
             {pixelated ? "pixelated-img" : ""}
+            {subtitle ? "subtitled-img-sub" : "subtitled-img-no-sub"}
         "
         src="{image}"
         alt="{altText}"
@@ -63,6 +65,7 @@
         text-decoration: none;
         box-sizing: border-box;
         transition: background-color var(--duration-animation) var(--anim-curve);
+        border-radius: var(--border-radius);
     }
 
     .subtitled-img-container-centred {
@@ -80,6 +83,16 @@
         width: 100%;
         box-sizing: border-box;
         padding: 8px;
+        overflow: hidden;
+    }
+
+    .subtitled-img-sub {
+        border-top-left-radius: var(--border-radius);
+        border-top-right-radius: var(--border-radius);
+    }
+
+    .subtitled-img-no-sub {
+        border-radius: var(--border-radius);
     }
 
     hr {