elgaard/MapComplete
1
0
Fork 0
forked from MapComplete/MapComplete
Code Pull requests Activity

Feature(reviews): support showing images

Browse source
This commit is contained in:
Pieter Vander Vennet 2025-07-10 22:41:06 +02:00
parent 995427cc66
commit 3ee9ee9d88
2 changed files with 14 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

4
public/css/index-tailwind-output.css
View file

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

10
src/UI/Reviews/SingleReview.svelte
View file

@ -8,6 +8,7 @@
import ThemeViewState from "../../Models/ThemeViewState" import ThemeViewState from "../../Models/ThemeViewState"
import Markdown from "../Base/Markdown.svelte" import Markdown from "../Base/Markdown.svelte"
import AccordionSingle from "../Flowbite/AccordionSingle.svelte" import AccordionSingle from "../Flowbite/AccordionSingle.svelte"
import AttributedImage from "../Image/AttributedImage.svelte"
export let state: ThemeViewState = undefined export let state: ThemeViewState = undefined
export let review: Review & { export let review: Review & {
@ -86,6 +87,15 @@
</div> </div>
{/if} {/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} {#if review.metadata.is_affiliated}
<Tr t={Translations.t.reviews.affiliated_reviewer_warning} /> <Tr t={Translations.t.reviews.affiliated_reviewer_warning} />
{/if} {/if}