Feature(reviews): support showing images

public/css/index-tailwind-output.css

@@ -2196,6 +2196,10 @@ input[type="range"].range-lg::-moz-range-thumb {
   width: 100vw;
 }
 
+.min-w-32 {
+  min-width: 8rem;
+}
+
 .min-w-6 {
   min-width: 1.5rem;
 }

src/UI/Reviews/SingleReview.svelte

@@ -8,6 +8,7 @@
   import ThemeViewState from "../../Models/ThemeViewState"
   import Markdown from "../Base/Markdown.svelte"
   import AccordionSingle from "../Flowbite/AccordionSingle.svelte"
+  import AttributedImage from "../Image/AttributedImage.svelte"
 
   export let state: ThemeViewState = undefined
   export let review: Review & {
@@ -86,6 +87,15 @@
     </div>
   {/if}
 
+
+  <div class="flex gap-x-2 overflow-x-auto items-center">
+
+  {#each review.images ?? [] as image}
+    <div class="w-32 min-w-32">
+      <AttributedImage image={{url: image.src, id: image.src}}></AttributedImage>
+    </div>
+  {/each}
+  </div>
   {#if review.metadata.is_affiliated}
     <Tr t={Translations.t.reviews.affiliated_reviewer_warning} />
   {/if}